社区
Web 开发
帖子详情
EasyUI filebox中怎么获取到file对象,我要做预览。哪位高手能回答下,谢谢。。
魔君不真2
2015-03-05 12:00:27
EasyUI filebox中怎么获取到file对象
...全文
15067
11
打赏
收藏
EasyUI filebox中怎么获取到file对象,我要做预览。哪位高手能回答下,谢谢。。
EasyUI filebox中怎么获取到file对象
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_19756807
2018-09-30
打赏
举报
回复
$("input[name='tkxt_tkdr_tmwj']")[0].files[0]; easyui要获取文件的真实inpu在原input之下,可以调用dom查看选择真实input,然后取出文件
madiot
2017-11-14
打赏
举报
回复
试了filebox("getValue") 发现取不到数据,但filebox的name属性是会传递生成这样的控件<input type="file" name="filebox中定义的name属性">,这样其实可以使用jquery的input的name选择器直接获取file控件,再进行处理,$("input[name=filebox中定义的name属性]")[0].files[0]获取文件对象
最美的拥抱
2016-12-11
打赏
举报
回复
$(XXX).filebox({ //... onChange : function(e) { // file对象 var file = $(this).next().find('input[id^="filebox_file_id_"]'); // 上传的文件大小 var fileSzie = file.size; } });
隔壁黎叔叔
2016-10-24
打赏
举报
回复
这是效果
隔壁黎叔叔
2016-10-24
打赏
举报
回复
楼主问题解决了没?
希望对你有帮助,我也是今天刚好搞到这里,看调试进去filebox的底层DOM看出来的。
一夜相思愁
2016-06-27
打赏
举报
回复
先看看这个图,使用easyui控件,它都会附带给生成专门的input来存储你的具体值,找到在你的input之后的那个span或div,里面肯定有你type=file 的input,里面有存储你的图片blob对象,取它做展示到对于的img标签即可。
用jquery去取那个标签即可,没测试过控件的id是不是会变,建议别看f12取那个id值。
思路是,获取你当前easyui控件同级的下一个标签元素,取其中的input标签,找type=file的,get它的value,赋值到你要放的img标签。
ch_samuel
2016-06-13
打赏
举报
回复
楼主,你的问题解决没的?
yayaasdf
2015-08-06
打赏
举报
回复
data-options="onChange:function(){alert($(this).filebox('getValue'))},prompt:'选择数据'“
狂战斧@蜂
2015-07-28
打赏
举报
回复
确实缺少这样的案例
魔君不真2
2015-03-05
打赏
举报
回复
看来是没人会的了
EasyUI
框架从入门到实战
本课程介绍了
EasyUI
常用控件的使用,
EasyUI
操作简单,能实现页面布局和元素操作,适合开发网站管理后台。学习本课程,可以掌握使用
EasyUI
+ssm开发网站管理后台、文件上传、权限菜单管理等实用技能。
EasyUI
file
box
文件上传前
预览
CSS: #previewHeadImage{width:160px;height:160px;text-align:center;display:flex;justify-content:center;align-items:center;margin:10px;background-color:#CCC;border-radius:5px;overflow:hidden;margin-le...
easyui
file
box
上传图片
预览
//上传按钮 游戏截图3 //当上传时调用该方法 function changePic(){ PreviewImage($("input[name='gamePic3
File
']")[0], 'img2', 'img'); } //展示图片 function PreviewImage(
file
Obj,imgPreviewId,divPreviewId){ va
easyui
file
box
浏览图片
1 <img id="image1"/> 2 <input id="f1" class="
easyui
-
file
box
" name="
file
1" style="width:300px" data-options=" 3 prompt:'Choose a
file
...', 4 onChange: function(value){ 5 ...
通过
easyui
的
file
box
上传文件
以上是一个完整页面的HTML代码,我们只需要关注以下代码片段,其
中
设置了一个用于保存文件上传的回显图片URL,当我们提交表单时,会把这个url一起提交到后台,这时候只需要完成通过ID修改图片的操作。当我们选
中
某行数据时,点击【图片】按钮,就会打开我们的文件上传的对话框,同时如果这行记录本来的图片不为空,也会显示出来,并且设置隐藏域的value为该记录的image值。以上是表单的同步提交,如果是异步提交的话,又该怎么
做
呢?
Web 开发
81,092
社区成员
341,716
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章