問題がありますInternet Explorer
これは、AJAX と jQuery を使用したスクリプトのサンプルで、他のブラウザーでは問題なく動作しますが、IE
そうではありません
index.html
<form enctype="multipart/form-data" method="post">
<input name="file" type="file" multiple="true" id="file" />
<input type="button" value="Upload" /> or clic "U"
</form>
ajax.js
$(':button').click(function(){
var formData = new FormData($('form')[0]);
$("#data").html(formData);
$.ajax({
url: 'upload.php', //server script to process data
type: 'POST',
xhr: function() { // custom xhr
myXhr = $.ajaxSettings.xhr();
if(myXhr.upload){ // check if upload property exists
myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // for handling the progress of the upload
}
return myXhr;
},
//Ajax events
//beforeSend: beforeSendHandler,
success: function(html) {
$("#php").html(html);
$("#file").val('');
},
error:function(html) {
$("#php").html(html);
},
enctype: 'multipart/form-data',
// Form data
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
contentType: false,
processData: false
});
});
他のブラウザでは正常に動作しますが、動作しOpera
てIE
いません。
これは CONSOLE( F12
) エラーです。IE
SCRIPT5009: 'FormData' is undefined
ajax.js, line 53 character 9
問題を解決するにはどうすればよいですか?