分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

formData上传文件

发布时间:2023-09-06 01:41责任编辑:蔡小小关键词:暂无标签
需要将选中的xml传到后台,通过xslt转换为htmlhtml: ?<form id="uploadForm" enctype="multipart/form-data"> ??<input type="file" name="testFile" value="选择文件"> ??<input type="button" value="添加" id="btn"> ?</form> js:<script type="text/javascript"> ???var formData = new FormData($( "#uploadForm" )[0]); ?????????$.ajax({ ??????????????url: url , ??????????????type: ‘POST‘, ??????????????data: formData, ??????????????async: false, ??????????????cache: false, ??????????????contentType: false, ??????????????processData: false, ??????????????success: function (data) { ???????    .... ????????????}, ??????????????error: function (returndata) { ??????????????????alert("出错了"); ??????????????} ?????????}); ??}); </script>

  

这里要注意几点:

  • processData设置为false。因为data值是FormData对象,不需要对数据做处理。
  • <form>标签添加enctype="multipart/form-data"属性。
  • cache设置为false,上传文件不需要缓存。
  • contentType设置为false。因为是由<form>表单构造的FormData对象,且已经声明了属性enctype="multipart/form-data",所以这里设置为false。

上传后,服务器端代码需要使用从查询参数名为file获取文件输入流对象,因为<input>中声明的是name="file"



formData上传文件

原文地址:https://www.cnblogs.com/suhaihong/p/8422629.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved