easyui中获取filebox的值

2015-03-08 07:21:01 2.7万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Springboot+easyUI filebox实现单个文件上传本篇博客主要采用了springboot+easyui框架，实现用户在前台进行上传文件。整个过程分为以下两步： 1 前台定义文件框进行文件的选取。 2 用户通过对选取文件进行上传。前台页面 1 定义文件上传按钮 a href=&quot;#button&quot; class=&quot;button icon arrowup&quot; onclick=&quot;uploadidalogonline();&quot;&gt 阅读详情

我在页面中使用easyui中filebox，name和id均为upload，那么怎么用js取得选中文件框中的文件名呢？

...全文

Windows 10/11 安装 HYSPLIT 气象模型全攻略（附必备工具包下载清单）本文提供了一份详尽的Windows 10/11系统下HYSPLIT气象模型安装与配置全攻略。指南涵盖了从核心认知、必备工具包（Tcl/Tk、ImageMagick）下载，到分步安装、环境变量设置及首次运行验证的完整流程，旨在帮助研究者和学生高效部署这一用于大气轨迹模拟与污染物扩散分析的专业工具。阅读详情

daoyuanjiao

ASP 28,401 成员 356,940 内容

+ 关注 + 加入社区

切换为时间正序

三台禁地 2017-06-20

打赏
举报

很好，有用在DOM下查看

wllper 2016-11-23

打赏
举报

引用 6 楼 maybe_0713 的回复:

[quote=引用 5 楼 wllper 的回复:] 有一个问题 :用easyui-filebox 如何在js就获取上传的文件,然后对这个文件进行大小,后缀检查等,,, 我查了很久,没什么人讨论 , 用getValue 只能获得文件名,这样是不行的. 最后看了个帖子有说easyui 改变了DOM 结构,才想起.... 我用的方法是document.getElementById('filebox_file_id_1').files[0]; filebox_file_id_1 这个ID 是easyui 自己创建的input 便签. 这里面是真正保存文件的地方. 如果创建了多个filebox 那么后面的ID 就是filebox_file_id_2,filebox_file_id_3. 拿到文件之后,我想用ajax 方式去上传这个文件.就用创建一个表单的形式 ,然后附加文件进去,再上传: var fd = new FormData(); //创建表单 fd.append("rwFile", mypic); //附加文件到表单然后创建http var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 ){ //发送完成 if(xhr.status == 200){ //成功之后干什么... }else{ //错误之后干什么.. } } 最后发送http xhr.open("post", "url", false); //post方式, 目标地址, 非异步形式 xhr.send(fd); //发送表单

限制然而你并没有说文件名过滤器的问题[/quote] 你说的是什么东西? 文件类型限制? 文件名本身并不需要限制. 如果需要判断文件类型,我都是在后台PHP 来处理. 如果用JS判断,不安全啊

maybe_0713 2016-11-14

打赏
举报

引用 5 楼 wllper 的回复:

有一个问题 :用easyui-filebox 如何在js就获取上传的文件,然后对这个文件进行大小,后缀检查等,,, 我查了很久,没什么人讨论 , 用getValue 只能获得文件名,这样是不行的. 最后看了个帖子有说easyui 改变了DOM 结构,才想起.... 我用的方法是document.getElementById('filebox_file_id_1').files[0]; filebox_file_id_1 这个ID 是easyui 自己创建的input 便签. 这里面是真正保存文件的地方. 如果创建了多个filebox 那么后面的ID 就是filebox_file_id_2,filebox_file_id_3. 拿到文件之后,我想用ajax 方式去上传这个文件.就用创建一个表单的形式 ,然后附加文件进去,再上传: var fd = new FormData(); //创建表单 fd.append("rwFile", mypic); //附加文件到表单然后创建http var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 ){ //发送完成 if(xhr.status == 200){ //成功之后干什么... }else{ //错误之后干什么.. } } 最后发送http xhr.open("post", "url", false); //post方式, 目标地址, 非异步形式 xhr.send(fd); //发送表单

然而你并没有说文件名过滤器的问题

wllper 2016-10-26

打赏
举报

有一个问题 :用easyui-filebox 如何在js就获取上传的文件,然后对这个文件进行大小,后缀检查等,,, 我查了很久,没什么人讨论 , 用getValue 只能获得文件名,这样是不行的. 最后看了个帖子有说easyui 改变了DOM 结构,才想起.... 我用的方法是document.getElementById('filebox_file_id_1').files[0]; filebox_file_id_1 这个ID 是easyui 自己创建的input 便签. 这里面是真正保存文件的地方. 如果创建了多个filebox 那么后面的ID 就是filebox_file_id_2,filebox_file_id_3. 拿到文件之后,我想用ajax 方式去上传这个文件.就用创建一个表单的形式 ,然后附加文件进去,再上传: var fd = new FormData(); //创建表单 fd.append("rwFile", mypic); //附加文件到表单然后创建http var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4 ){ //发送完成 if(xhr.status == 200){ //成功之后干什么... }else{ //错误之后干什么.. } } 最后发送http xhr.open("post", "url", false); //post方式, 目标地址, 非异步形式 xhr.send(fd); //发送表单

Tinfun 2015-07-12

打赏
举报

楼上的都是正确的，帮我忙了

斯洛文尼亚旅游 2015-03-09

打赏
举报

hefeng_aspnet 2015-03-09

打赏
举报

绑定onChange事件就行了，filebox继承自textbox，textbox的事件都可以作用于filebox <input class="easyui-filebox" name="file1" data-options="onChange:function(){alert('change file')},prompt:'Choose a file...'" style="width:100%">

easyui中获取filebox的值

相关推荐