jQueryに関しては初心者で、オンラインで見つけたアップロードスクリプトを変更しました。Chromeで期待するすべてのことを行っています。Internet Explorer でテストしたところ、次のエラーが発生しました:-
SCRIPT438: オブジェクトはプロパティまたはメソッド 'addEventListener' upload.js、行 21 文字 3 をサポートしていません。
私はいくつかの調査を行いましたが、addEventListener は IE ではサポートされていないようです。コードを微調整して動作させるのを手伝ってくれる人はいますか。どうもありがとう。
(function () {
var input = document.getElementById("images"),
oID = $('#oID').val(),
formdata = false;
function showUploadedItem(source) {
var list = document.getElementById("image-list"),
li = document.createElement("li"),
img = document.createElement("img");
img.src = source;
li.appendChild(img);
list.appendChild(li);
}
if (window.FormData) {
formdata = new FormData();
document.getElementById("btn").style.display = "none";
}
input.addEventListener("change", function (evt) {
document.getElementById("response").innerHTML = "Uploading . . ."
var i = 0,
len = this.files.length,
img, reader, file;
for (; i < len; i++) {
file = this.files[i];
if ( !! file.type.match(/image.*/)) {
if (window.FileReader) {
reader = new FileReader();
reader.onloadend = function (e) {
showUploadedItem(e.target.result, file.fileName);
};
reader.readAsDataURL(file);
}
if (formdata) {
formdata.append("images[]", file);
}
}
}
formdata.append("oID", oID);
if (formdata) {
$.ajax({
url: "upload.php",
type: "POST",
data: formdata,
processData: false,
contentType: false,
success: function (res) {
document.getElementById("response").innerHTML = res;
}
});
}
}, false);
}());