javascript构造可以上传文件的form表单（通过js修改enctype）

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。 http://kiddymeet.blog.51cto.com/20194/29166

[@more@]　在上传文件时，我们都知道需要在form表单中加上enctype="multipart/form-data"。而在开发过程中，也有可能遇到需要用javascripts构造form表单的情况。一般javascript构造form，可以使用以下方法：

var form = document.createElement('form');

form.id="the_form";

form.action="/img.php";

form.method='post';

form.name="the_form_";

　　当javascript构造的form，遇到需要上传文件的时候，本以为直接加一句form.enctype="multipart/form-data"就能解决问题，却发现满不是那么回事。从网上搜了一些原因，最终找到解决原因，原来javascript的form的对象名并不应该是enctype，而应该是encding，改为form.encding="multipart/form-data"，问题解决。

　　将表单放到HTML标签中可以使用以下代码：

var parNode = document.getElementById("plus");

parNode.appendChild(form);//在plus中增加form表单，plus为html中的一个层

　　表单中也可以放入input、checkbox等表单，可以使用以下代码，通过表单的对象可以改变表单的类型和值：

var input=document.createElement("input");

input.id="upfile_1";

input.name="upfile_1";

input.type="file";

input.className="file_upload";

input.οnchange=function (){//点击表单时调用upload_pic()函数

upload_pic();

}

form.appendChild(input);//在form中追加input表单

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/92289/viewspace-988457/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/92289/viewspace-988457/