-
topjui(easyui) filebox多图上传(easyui 文件上传)
- 网站名称:topjui(easyui) filebox多图上传(easyui 文件上传)
- 网站分类:技术文章
- 收录时间:2025-07-16 15:40
- 网站地址:
“topjui(easyui) filebox多图上传(easyui 文件上传)” 网站介绍
topjui是在easyui的基础上换了层皮肤,两者名字不一样,功能相同。上传文件有uploadbox,但是只能单图上传,filebox可以多图上传,但是不用form表单提交,很多功能需要自己做。
html:
<input type="hidden" name="img_str" id="img_str">
<input data-toggle="topjui-filebox" id="image_data" data-options="buttonText:'多图上传',accept:'images',multiple:true,onChange:fileChange">
script:
function fileChange(nv,ov){
console.log('fileChange',nv,ov);
let file_1=$("#image_data").iFilebox('files');
var formData = new FormData();
for (var i = 0; i < file_1.length; i++) {
formData.append('Filedata'+i, file_1[i]);//注意:默认的文件数据名为“Filedata”
}
console.log('file_1',file_1);
$.ajax({
url: "uploads",
type: 'POST',
data: formData,
contentType: false,
processData: false,
dataType:'json',
success: function(data) {
if(data.statusCode==200){
var invoice_img=$("#invoice_img").val();
invoice_img+=invoice_img?','+data.url_base:data.url_base;
$("#img_str").val(invoice_img);
$("#image_data").iTextbox("setValue",invoice_img);
}else{
$.iMessager.alert('提示',data.message);
}
},
error: function(data) {
$.iMessager.alert('提示',data.message);
}
});
}
更多相关网站
- Pug 3.0.0正式发布,不再支持 Node.js 6/8
- SpringBoot使用ElasticSearch做文档对象的持久化存储?
- 文件上传,排版是伤(文档上传是什么意思)
- 国外免费公共云存储产品有哪些(上)?
- php手把手教你做网站(三十)上传图片生成缩略图
- Nodejs文件上传、监听上传进度(node实现文件上传)
- SPRINGBOOT 实现大文件上传下载、分片、断点续传教程
- 从致远OA-ajax.do任意文件上传漏洞复现到EXP编写
- Axure高保真教程:上传本地图片(axure如何发布)
- 图片上传并回显Ajax异步篇(ajax发送图片)
- 网页中实现文件上传下载的三种解决方案(推荐)
- 使用jQuery ajaxFileUpload+servlet实现文件上传
- 最近发表
- 标签列表
-
- mydisktest_v298 (35)
- sql 日期比较 (33)
- document.appendchild (35)
- 头像打包下载 (35)
- 二调符号库 (23)
- acmecadconverter_8.52绿色版 (25)
- 梦幻诛仙表情包 (36)
- 魔兽模型 (23)
- java面试宝典2019pdf (26)
- disk++ (30)
- vncviewer破解版 (20)
- word文档批量处理大师破解版 (19)
- pk10牛牛 (20)
- 加密与解密第四版pdf (29)
- iteye (26)
- parsevideo (22)
- ckeditor4中文文档 (20)
- centos7.4下载 (32)
- cuda10.1下载 (22)
- intouch2014r2sp1永久授权 (33)
- usb2.0-serial驱动下载 (24)
- 魔兽争霸全图 (21)
- jdk1.8.0_191下载 (27)
- axure9注册码 (30)
- gitlab日志 (20)