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
原创粉丝点击