jquery.form.js 图片上传在 IE 中不起作用答案

【问题标题】：jquery.form.js image uploading isn't working in IEjquery.form.js 图片上传在 IE 中不起作用
【发布时间】：2013-04-02 15:15:00
【问题描述】：

我正在使用 jquery.form.js 来上传图片，它可以在除 IE 之外的所有浏览器中使用。版本：3.32.0-2013.04.03

我收到 SCRIPT5：访问被拒绝。 jquery.form.js，第 531 行字符 21

我还使用自定义上传按钮来提交文件，这可能是问题的一部分，但我不确定。

我什至尝试更改为另一个插件但没有成功，但我真的很想让这个插件工作，因为我在网站的其他页面中使用该插件。

HTML: <input type="button" id="uploadButton" name="upload" value="" class="uploadButton"/> <br><div id="uploadLimit">Images cannot exceed 5mb.</div> <form id="uploadForm" action="inc/ajax-ftlib.php" method="post" enctype="multipart/form-data" style="position:absolute;left:-99999px;"> <input id="uploadFile" type="file" name="image" /> <input type="submit" value="Submit" id="submit-btn" /> <input type="hidden" name="cmd" value="uploadImage"> <input type="hidden" name="postId" value="0"> </form>

JS：

// hook up custom upload button
  $('#uploadButton').bind('click', function() {
    $('#uploadFile').trigger('click');
  });
  $('#uploadFile').bind('change', function() {
    $('#submit-btn').trigger('click');
  });

var options = {iframe: true, dataType: 'json', beforeSubmit: imageUploadRequest, success: imageUploadResponse, uploadProgress: imageUploadProgress, submit: imageUploadSubmit};
  $form = $('#uploadForm');
  $form.ajaxForm(options);

function imageUploadResponse(response){
  var fileName = response;
  //alert(fileName);
  // add the image to the thumbnail ui here / remove any loader image
  var path = "img/post/" + postId + "/" + fileName;
  var $newdiv = $('<div class="item" name=' + fileName + '><input type="button" class="thumbClose"/></div>');
  $newdiv.css('background-image', 'url(' + path + ')');
  $("#list").append($newdiv);

  $('#uploadButton').show();
  $('#uploadLimit').show();
}

【问题讨论】：

标签： jquery internet-explorer jquery-plugins file-upload

【解决方案1】：

如果选择的文件输入被 JavaScript 篡改，IE 将不允许您上传文件。触发该点击事件会污染您的文件输入，因此如果您尝试上传文件，您将被拒绝访问。另见getting access is denied error on IE8

【讨论】：