使用easyui图片上传的三点注意

最新推荐文章于 2021-01-19 13:01:59 发布

arivn_jianming

最新推荐文章于 2021-01-19 13:01:59 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/arivn_jianming/article/details/49777659

本文介绍了使用easyui进行图片上传时的三个关键点：一、添加框div的设计，需设置closed="true"以确保对话框默认关闭；二、在打开对话框时清除上次表单数据，使用document.getElementById('addForm').reset()来实现；三、关闭对话框时，使用$("#addDg").window("close")，并清除图片区域缓存。

一：添加框div的设计
<div id="addDg" class="easyui-dialog" title="添加" style="padding:10px;width:480px;height:auto;top:1px;"
iconCls="icon-add" closed="true" collapsible="false">
easyui-dialog 默认情况是打开的（点击项目名链接自动会弹出对话框),所以这里须设置closed="true"

二：在打开对话框时清除上次表单提交的数据
function openAddDiv() {
$("#addDg").window("open"); //此处不应使用$("#addDg").dialog("open");
$("#addForm").show();

//$("#addForm").reset()没有此方法，必须使用下面格式。
var clearForm = document.getElementById("addForm");
if (null != clearForm && typeof(clearForm) != "undefined") {
clearForm.reset();
}
//清除图片区域的缓存
$("#logoPic").attr("src","");
$("#itemUrl").val("");
$("#pic").val("");
}
三：关闭
function closeAddForm(){
$("#addDg").window("close");//此处不应使用$("#addDg").dialog("close");
}