2

如果我像这样在 HTML 中明确写出一个表单：

 <form action='upload_1-img.php' enctype='multipart/form-data' method='post'>
   <input type='file' id='image' name='image'><input type='submit'>
 </form>

然后一切都在 IE 中按预期进行。但如果我执行以下操作，它在 Chrome 和 FF 中有效，但在 IE8 中无效：

<html>
<head>
<script>
$(document).ready(function(){

    imgform = document.createElement('form');
    imgform.id = 'imgform';
    imgform.method='post';
    imgform.enctype='multipart/form-data';
    imgform.action ='upload_1-img.php';
    $('body').append(imgform);
    $('#imgform').append("<input type='file' id='image' name='image' /><input type=submit>");
});
</script>
</head>
<body>
</body>
</html>

在这种情况下，如果我使用var_dump($_FILES)in upload_1-img.php，它会返回一个空数组。当相同的表单在 HTML 中显式编码时，IE8 会正常上传文件。但是我需要在 javascript 中动态创建表单后上传文件才能工作。在 IE8 中进行这项工作的解决方法是什么？

4

1 回答 1

1

尝试做这样的事情：

var form=document.createElement("<form id='imgform' action='upload_1-img.php' enctype='multipart/form-data' method='post'>");
$('body').append(form);
$('#imgform').append("<input type='file' id='image' name='image' /><input type=submit>");

来源：http: //verens.com/2005/07/06/ie-bugs-dynamically-creating-form-elements/

如果您检查文章的底部，则说明

上面的代码主要在 IE 中工作，除非你真的需要使用它的 multipart 方面（例如上传文件），它会出错。

在这种情况下，IE 似乎坚持使用以下蹩脚的代码：

form=document.createElement('<form action="shoppingcart_xhr.php" method="POST" > enctype="multipart/form-data" target="shoppingcart_iframe">');

于 2013-02-15T13:26:40.360 回答