经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » jQuery » 查看文章
jQuery ajax 提交表单图片
来源:cnblogs  作者:吉奥羽欣  时间:2019/8/28 8:51:50  对本文有异议

基于 jQuery

 

HTML:

  1. <form id="form" enctype="multipart/form-data">
  2. <input type="text" name="name" />
  3. <input type="text" name="desc" />
  4. <input type="file" name="image" id="doc0" />
  5.  
  6. <button type="button" id="submit" > 提交 </button>
  7. </form>

 

JS:

  1. // 提交表单
  2. $('#submit').click(function () {
  3. // 创建FormData对象
  4. var data = new FormData($('#form')[0]);
  5. // 为FormData对象添加数据
  6. $.each($('#doc0')[0].files, function(i, file) {
  7. data.append('image', file);
  8. });
  9. $.ajax({
  10. url:'yoururl',
  11. type:'POST',
  12. data:data,
  13. cache: false,
  14. contentType: false, /* 不可缺 */
  15. processData: false, /* 不可缺 */
  16. success:function(result){
  17. // 这里是你的成功逻辑
  18. }
  19. });
  20. });

 

原文链接:http://www.cnblogs.com/yiyanjyx/p/11417050.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号