这篇文章主要介绍“javascript怎么构造可以上传文件的form表单”，在日常操作中，相信很多人在javascript怎么构造可以上传文件的form表单问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”javascript怎么构造可以上传文件的form表单”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联建站成都企业网站建设服务，提供做网站、网站设计网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设公司,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:18982081108
在上传文件时，我们都知道需要在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.onchange=function (){//点击表单时调用upload_pic()函数
upload_pic();
}
form.appendChild(input);//在form中追加input表单
到此，关于“javascript怎么构造可以上传文件的form表单”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
