easyui中获取filebox的值

[daoyuanjiao]

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

[csdn_aspnet]

绑定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%">

[斯洛文尼亚旅游]

<input class="easyui-filebox" name="file1" data-options="onChange:function(){alert($(this).filebox('getValue'))},prompt:'Choose a file...'" style="width:100%">

[Tinfun]

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

[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); //发送表单

[maybe_0713]

引用 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]

引用 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判断,不安全啊

[三台禁地]

很好，有用在DOM下查看