社区
Web 开发
帖子详情
ajax提交带有type=file的表单
thm362889769
2013-10-21 11:11:34
想问一下这儿如果用ajax怎么提交
...全文
636
3
打赏
收藏
ajax提交带有type=file的表单
想问一下这儿如果用ajax怎么提交
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
thm362889769
2013-10-21
打赏
举报
回复
表单里有一个input type="file"也行吗
末日哥
2013-10-21
打赏
举报
回复
$.post(url, params, callback)
邱疯子
2013-10-21
打赏
举报
回复
注意:enctype="multipart/form-data",是必需的,它告诉FORM表这个是一文件上传类型,一旦这次请求成功后,文件就被上传到了服务器的临时文件夹中 接着所有的通过JS实现无刷新文件上传,都是通过iframe实现,这里推荐一个JS框架ajaxupload.js。 你懂jquery很容易看懂里面的内容,就200多行代码。
uni-app 实现input:
type
=
file
上传,并实现
表单
提交
问题描述 最近在做一个把现有app转成H5的项目,关于上传图片的功能,服务端并未提供上传文件接口。且保存接口需要上传文件与其他信息通过
表单
提交
。
表单
提交
简单我们前端
提交
formData数据就好了,但是这个上传就有点鸡肋了,uni-app的input
type
有效值只有4个(text,number,idcard,digit),这就决定了uni-app 官方提供的上传api是无法满足当前场景的。 解决步骤 1.页面渲染完毕后,动态创建一个input:
type
=
file
的DOM元素 2.
提交
时,new一个
html input
type
=
file
一、 input
type
=
file
与文件上传本文所说的input
type
=
file
指的是
type
类型是
file
的input元素,最简HTML代码如下:<input
type
=
file
>但是,为了习惯,我们多写成:<input
type
="
file
">在HTML5出现之前(XHTML),我们的闭合规则则有些出入:<input
type
="
file
" />顾名思...
使用Jquery的
Ajax
异步
提交
有二进制数据的
表单
实现方案
1. 用H5的FormData对象来构造
表单
数据: var form = $("#form")[0]; var formData = new FormData(form); 2.content
Type
和processData设置为false
HTML input
type
=
file
文件 选择
表单
元素 图片上传等等
一、- input
type
=
file
与文件上传 本文所说的input
type
=
file
指的是
type
类型是
file
的input元素,最简HTML代码如下: <input
type
=
file
> 但是,为了习惯,我们多写成: <input
type
="
file
"> 在HTML5出现之前(XHTML),我们的闭合规则则有些出入: <input
type
="
file
"...
ajax
提交
form 集合,
ajax
提交
含有input=
file
的form
直接先贴上代码:HTML:*CSV文件:*商品分类:请选择${
type
1.class1Name}${
type
1.sortName}(必须选到最后一级)*店铺商品分类:name="shopProCategoryId">-请选择-${category.shopProCategoryName}
提交
js://form
提交
function submitCsv
File
() {var
file
Path =...
Web 开发
81,108
社区成员
341,721
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章