社区
JavaScript
帖子详情
Java单个文件上传
轩辕灬帝一
2017-11-02 11:23:00
点击button弹出 直接文件上传选择框,选择完文件后,点击‘打开’按钮怎么直接触发上传的js方法???
...全文
184
6
打赏
收藏
Java单个文件上传
点击button弹出 直接文件上传选择框,选择完文件后,点击‘打开’按钮怎么直接触发上传的js方法???
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zzm_fengye
2017-11-02
打赏
举报
回复
onclick()事件
轩辕灬帝一
2017-11-02
打赏
举报
回复
快来人啊
轩辕灬帝一
2017-11-02
打赏
举报
回复
kekekaole
2017-11-02
打赏
举报
回复
<form id='myUpload_MacAgent' enctype="multipart/form-data"> <div class="form-group"> <div class="row"> <div class="col-xs-6"> <label class="col-sm-6">上传文件</label> <div class="col-md-12 col-sm-12"> <input type="file" id="upload_MacAgent" value=""> </div> </div> </div> </div> <div class="form-group"> <div class="row"> <div class="col-xs-6"> <label class="col-sm-6">版本号:</label> <div class="col-md-12 col-sm-12"> <input type="text" class="form-control" id="MacAgent_version" value=""> </div> </div> </div> </div> <div class="form-group"> <button class="btn btn-primary" type="button" onclick="upload_Agent(2)">MacAgent上传</button> </div> </form> ---------------------------------------------- //agent上传 function upload_Agent(type) { $("#chart").val(""); $("#percent").text("0"); var formData = new FormData(); if(type === 1){ var PcName = $("#upload_PcAgent").val(); if(PcName === ""){ alert("请选择上传PcAgent文件"); return; } formData.append("file",$("#upload_PcAgent")[0].files[0]); formData.append("name",PcName); formData.append("type","pcAgent"); var PcAgent_version = $("#PcAgent_version").val(); if(PcAgent_version === ""){ alert("PcAgent版本号不能为空"); return; } formData.append("version",PcAgent_version); }else if(type === 2){ var MacName = $("#upload_MacAgent").val(); if(MacName === ""){ alert("请选择上传MacAgent文件"); return; } formData.append("file",$("#upload_MacAgent")[0].files[0]); formData.append("name",MacName); formData.append("type","macAgent"); var MacAgent_version = $("#MacAgent_version").val(); if(MacAgent_version === ""){ alert("MacAgent版本号不能为空"); return; } formData.append("version",MacAgent_version); } $.ajax({ url: "/systemParameter/uploadAgent", type: "post", data: formData, processData: false, contentType: false, beforeSend: function () { $("#schedule_hide").click(); schedule(); }, success: function (data) { var message = eval(data); if(message["retMsg"] !== "success"){ promptMessage(message["retMsg"]); $("#schedule_close").click(); }else{ var charts = document.getElementById("chart").value; document.getElementById("chart").value = charts + "|"; document.getElementById("percent").innerHTML= "100%"; alert("上传完成!"); $("#schedule_close").click(); } }, error: function (msg) { var err_msg = eval(msg); console.log(err_msg); } }); }
zzm_fengye
2017-11-02
打赏
举报
回复
<form id='myUpload_MacAgent' enctype="multipart/form-data"> <div class="form-group"> <div class="row"> <div class="col-xs-6"> <label class="col-sm-6">上传文件</label> <div class="col-md-12 col-sm-12"> <input type="file" id="upload_MacAgent" value=""> </div> </div> </div> </div> <div class="form-group"> <div class="row"> <div class="col-xs-6"> <label class="col-sm-6">版本号:</label> <div class="col-md-12 col-sm-12"> <input type="text" class="form-control" id="MacAgent_version" value=""> </div> </div> </div> </div> <div class="form-group"> <button class="btn btn-primary" type="button" onclick="upload_Agent(2)">MacAgent上传</button> </div> </form> ---------------------------------------------- //agent上传 function upload_Agent(type) { $("#chart").val(""); $("#percent").text("0"); var formData = new FormData(); if(type === 1){ var PcName = $("#upload_PcAgent").val(); if(PcName === ""){ alert("请选择上传PcAgent文件"); return; } formData.append("file",$("#upload_PcAgent")[0].files[0]); formData.append("name",PcName); formData.append("type","pcAgent"); var PcAgent_version = $("#PcAgent_version").val(); if(PcAgent_version === ""){ alert("PcAgent版本号不能为空"); return; } formData.append("version",PcAgent_version); }else if(type === 2){ var MacName = $("#upload_MacAgent").val(); if(MacName === ""){ alert("请选择上传MacAgent文件"); return; } formData.append("file",$("#upload_MacAgent")[0].files[0]); formData.append("name",MacName); formData.append("type","macAgent"); var MacAgent_version = $("#MacAgent_version").val(); if(MacAgent_version === ""){ alert("MacAgent版本号不能为空"); return; } formData.append("version",MacAgent_version); } $.ajax({ url: "/systemParameter/uploadAgent", type: "post", data: formData, processData: false, contentType: false, beforeSend: function () { $("#schedule_hide").click(); schedule(); }, success: function (data) { var message = eval(data); if(message["retMsg"] !== "success"){ promptMessage(message["retMsg"]); $("#schedule_close").click(); }else{ var charts = document.getElementById("chart").value; document.getElementById("chart").value = charts + "|"; document.getElementById("percent").innerHTML= "100%"; alert("上传完成!"); $("#schedule_close").click(); } }, error: function (msg) { var err_msg = eval(msg); console.log(err_msg); } }); }
轩辕灬帝一
2017-11-02
打赏
举报
回复
引用 3 楼 zzm9876789 的回复:
onclick()事件
这个onclick事件也没法添加到‘打开按钮上’啊 文件选择器是fileupload封装好的吧?
java
oss图片
单个
上传、多个上传、分片上传、进度条
java
oss图片
单个
上传、多个上传、分片上传、进度条完整代码
文件上传
下载工具类
单个
文件上传
多种形式下载文件
文件上传
下载工具类
单个
文件上传
,多种传参形式下载文件
java
ftp上传进行文件
java
ftp上传进行文件的读取和上传 上传
单个
文件的文件流 创建远程服务器目录 删除指定文件 上传
单个
文件 获取指定ftp目录下文件名
swf+
java
+servlet多
文件上传
单个
进度条显示
然而,这种方式的缺点在于所有文件共用一个进度条,无法区分
单个
文件的上传进度。这意味着用户无法知道具体哪个
文件上传
到了什么阶段,这对于大文件或者网络条件不稳定的环境来说,可能会导致用户体验下降。 总结来...
批量上传文件带进度条
在这个场景下,"批量上传文件带进度条"主要涉及的技术点有
Java
编程语言、多线程、FTP文件传输协议以及用户界面(UI)的设计。 首先,
Java
是实现这个功能的主要编程语言。
Java
以其跨平台性和丰富的类库而被广泛使用...
JavaScript
87,993
社区成员
224,694
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章