SenchaTouch添加隐藏域判断是否选择图片
来源:互联网 发布:tvp软件是什么 编辑:程序博客网 时间:2024/05/07 12:41
在Web页面中,有时候会遇到上传图片的需求,如果单独只是上传一个图片,我相信对大家来说应该都不是什么问题, 但是如果显示上传页面的时候,把已经上传的图片显示出来, 那么你点击保存按钮时,单独判断File域是否为空就会有逻辑错误了,可能我说的不太清楚,大概就是,一个表单,有几个文本域,有一个文件域,当对表单进行提交时,单单判断文件域的值是不正确的,那么如果实现呢,步骤如下:
1. 添加一个图片域和隐藏域, 当展示表单时,把已经上传的图片地址赋值给图片域和隐藏域(没有上传过图片,则值为空)
2. 当点击上传图片按钮时,处理代码如下:
var fileObj = filefield.fileInputEl.dom.files.item(0);
var path = window.URL.createObjectURL(fileObj);
filefield.previousSibling().setSrc(path);
3. 当点击保存表单按钮时, 同时判断File域和隐藏域的值,如果都为空,证明没有选择过图片,这时候就可以给用户添加一些提示,代码如下:
if(Ext.isEmpty(文件域) && Ext.isEmpty(隐藏域)){
Ext.Msg.alert("消息提示","请选择图片");
return;
}
如果有不明白的可以给我发邮件,欢迎来扰!
1 0
- SenchaTouch添加隐藏域判断是否选择图片
- SenchaTouch添加自定义事件
- 判断div是否隐藏
- 判断Element是否隐藏
- 判断file框选择的是否为图片
- 判断radio是否选择
- 判断远程图片是否存在,否则替换成默认图片或隐藏
- 判断任务栏是否自动隐藏
- JQuery判断元素是否隐藏
- js判断元素是否隐藏
- jquery判断元素是否隐藏
- javascript判断元素是否隐藏
- SenchaTouch
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏
- jQuery判断元素是否显示 是否隐藏
- 判断是否为图片
- 判断图片是否相同
- iOS中webview加载本地html文件
- 用两种方法教你从零创建Qt对话框程序
- 响应式布局
- python初学-爬取网页数据
- jquery如何判断滚动条滚到页面底部并执行事件
- SenchaTouch添加隐藏域判断是否选择图片
- 【物联网】 AR9344开发环境的搭建和编译固件
- ListView中 item footerview headerview 的布局 事件监听等问题的收集整理
- C/C++ 随机数
- 如何在Eclipse下安装SVN插件——subclipse以及安装svn常出现的错误总结
- Python 按行读取文本文件 缓存 和 非缓存实现
- git checkout
- 菜鸟之路-Listview使用缓存加载网络图片错位Bug解决
- Android官方Training阅读笔记 ---- Managing the Activity Lifecycle(Starting an Activity) (一)