javascript代码实例教程-Ajax上传文件注意

发布时间:2018-12-31 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Ajax上传文件注意脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

这几天遇到了很多关于ajax上传文件的问题,都是别人询问我,请求帮忙解决的,但是自己最初在写文件上传的时候,机缘巧合及上传对了,所以也没在意这个问题。在最开始学习jsp的时候,这是一个很简单不过的问题了,就是使用form表单提交,name绑定后台数据,就可以实现,但是在前端里面我最初以为是不同的,所以就直接不管他的name和后台数据是否绑定,结果出错了找都找不到原因。

首先

我们在使用ajax上传文件,其实用的也是form标签的表单提交功能,所以我们就是通过new 一个FormData对象,将上传文件封装了传给后台; 注意

但是我们要特别注意的是他的原理和我们在jsp中的表单提交是相通的,所以我们文件标签的name必须是和请求参数相同(即后台希望我们给他的请求数据);我们传给formdata的参数必须应该是from标签的id。这样我们就可以很简单的上传文件了。 总结

上传文件网上有很多的教程,都写得很好,看了也给我很大帮助,但是代码还是会报错,所以自己找了下原因,估计是我对上传原理不太清楚吧,希望能帮到初次遇到这个问题的同学们。这个问题让我想到什么问题都应该从理论出发,语言都是相通的,思考问题的方式和思维应该开阔一点。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Ajax上传文件注意全部内容,希望文章能够帮你解决javascript代码实例教程-Ajax上传文件注意所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: