快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript怎么构造可以上传文件的form表单-创新互联

这篇文章主要介绍“javascript怎么构造可以上传文件的form表单”,在日常操作中,相信很多人在javascript怎么构造可以上传文件的form表单问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javascript怎么构造可以上传文件的form表单”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联建站从2013年开始,是专业互联网技术服务公司,拥有项目成都网站建设、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元荆州做网站,已为上家服务,为荆州各地企业和个人服务,联系电话:18980820575

在上传文件时,我们都知道需要在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表单”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联-成都网站建设公司网站,小编会继续努力为大家带来更多实用的文章!


分享题目:javascript怎么构造可以上传文件的form表单-创新互联
URL标题:http://6mz.cn/article/cdeijs.html

其他资讯