jquery.upload.js ie下不能上传

发布于 2022-01-07 06:05:54 字数 2037 浏览 699 评论 3

做了一个图片上传,谷歌和360上面是可以的,但是ie上面无法上传,

主要代码如下:

            upload上传主要代码:

            $.upload = function(options) {

var opts = $.extend(jQuery.uploadDefault, options);
if (opts.url == '') {
return;
}

var canSend = opts.onSend();
if (!canSend) {
return;
}
var frameName = 'upload_frame_' + (frameCount++);
var iframe = $('<iframe style="position:absolute;top:-9999px" />').attr('name', frameName);
var form = $('<form method="post" style="display:none;" enctype="multipart/form-data" />').attr('name', 'form_' + frameName);
form.attr("target", frameName).attr('action', opts.url);
// form中增加数据域
var formHtml = '<input type="file" name="' + opts.fileName + '" onchange="onChooseFile(this)">';
for (key in opts.params) {
formHtml += '<input type="hidden" name="' + key + '" value="' + opts.params[key] + '">';
}

form.append(formHtml);
iframe.appendTo("body");
form.appendTo("body");
form.submit(opts.onSubmit);
// iframe 在提交完成之后
iframe.load(function() {
var contents = $(this).contents().get(0);
var data = $(contents).find('body').text();
if ('json' == opts.dataType&&data!='') {
data = window.eval('(' + data + ')');
}
opts.onComplate(data);
setTimeout(function() {
iframe.remove();
form.remove();
}, 5000);
});
// 文件框
var fileInput = $('input[type=file][name=' + opts.fileName + ']', form);
fileInput.click();

};

红色的字体为选择文件事件,具体事件如下,

// 选中文件, 提交表单(开始上传)

var onChooseFile = function(fileInputDOM) {

    var form = $(fileInputDOM).parent();
    form.submit();

   alert("提交了~~~~")
};

ie下  这个alert()始终不能打出来 ,求解了




    

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

输什么也不输骨气 2022-01-07 18:17:08

不同浏览器效果不同就要考虑浏览器的兼容性了

羁拥 2022-01-07 15:36:53

使用ajaxfileupload 支持所有浏览器

可是我不能没有你 2022-01-07 11:43:53

看过了这个js的源代码,在uploadfile这个方法中提交ajax的时候用到了FormData,而FormData是有兼容性问题的,可以了解以下FormData

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文