博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery之批量上传图片
阅读量:5086 次
发布时间:2019-06-13

本文共 15771 字,大约阅读时间需要 52 分钟。

 

//var btn;/** *  * 获取当前时间 */==================================js=====================================function p(s) { return s < 10 ? '0' + s: s; } var myDate = new Date(); //获取当前年 var year=myDate.getFullYear(); //获取当前月 var month=myDate.getMonth()+1; //获取当前日 var date=myDate.getDate(); var h=myDate.getHours(); //获取当前小时数(0-23) var m=myDate.getMinutes(); //获取当前分钟数(0-59) var s=myDate.getSeconds(); var now=year+'-'+p(month)+"-"+p(date)+" "+p(h)+':'+p(m)+":"+p(s); $(function() { createParentHiddenDom("frameName"); if (window.opener) { parentWindow = window.opener; } else { parentWindow = window.parent; } $('#addstartTime').datetimebox({ showSeconds : false, editable : false }); $('#addendTime').datetimebox({ showSeconds : false, editable : false }); // alert(now); $("#opreateHtml").window("close"); $("#deliveryGrid") .datagrid( { url : appPath + "/page/weixinActivityAct/getPage", height : "full", striped : true, remoteSort : false, pagination : true, rownumbers : true, singleSelect : false, queryParams : getQueryParam(), frozenColumns : [ [ { field : "ck", checkbox : true }, { field : "opt", title : "操作", width : 100, align : "left", formatter : function(value, rowData, rowIndex) { var html = ""; // #12579修正 if (rowData.isStatus != "stopped" && rowData.isStatus != "finished"){ html += "  "; }else { html += "  "; } if (rowData.isStatus != "stopped" && rowData.isStatus != "finished" && rowData.isStatus != "activated"){ html += "  "; }else { html += "  "; } html += "  "; return html; } } ] ], columns : [ [ { field : 'weixinId', title : '微信ID', width :80, align : 'center', sortable : true }, { field : 'groupPrice', title : '团价格', width : 120, align : 'center', sortable : true, formatter: function(value){ if(!isNaN(Number(value))){ return Number(value).toFixed(2) } } }, { field : 'weixinName', title : '微信团名称', width : 120, align : 'center', sortable : true }, { field : 'startTime', title : '开始时间', width : 100, align : 'left', sortable : true }, { field : 'endTime', title : '结束时间', width : 100, align : 'left', sortable : true }, { field : 'chooseN', title : 'X选一', width : 80, align : 'center', sortable : true }, { field : 'beginWaitTime', title : '团长开团等待时间', width : 120, align : 'center', sortable : true }, { field : 'minimumJoinMemberNum', title : '起团人数', width : 100, align : 'center', sortable : true }, { field : 'isStatus', title : '活动状态', width : 120, align : 'center', sortable : true, formatter : function(value, rowData, rowIndex) { var strReturn = ""; if (rowData.isStatus == 'nonactivated') { //strReturn = '未激活'; return (" "+strReturn +"未激活"); } else if (rowData.isStatus == 'activated') { //strReturn = '激活'; return (" "+strReturn +"激活"); } else if (rowData.isStatus == 'stopped') { //strReturn = '停用'; return (" "+strReturn +"强制停止"); } else if (rowData.isStatus == 'finished') { //strReturn = '已结束'; return (" "+strReturn +"已结束"); } //return strReturn; } }, ] ], toolbar : [ { id : 'btnadd', text : '新增微信团', iconCls : 'icon-add', handler : function() { showWin(null,null); } } ] }); }); // 查询条件 function getQueryParam() { var weixinActivity = new Object(); weixinActivity.weixinName = $.trim($("#weixinName").val()); weixinActivity.isStatus = $('#isStatus').combobox("getValue"); weixinActivity.startTime = $("#startTime").datebox("getValue"); weixinActivity.endTime = $("#endTime").datebox("getValue"); weixinActivity.minimumJoinMemberNum = $.trim($("#minimumJoinMemberNum") .val()); return weixinActivity; } function doQuery() { if (($("#minimumJoinMemberNum").val() < 2 || $("#minimumJoinMemberNum") .val() > 99) && $("#minimumJoinMemberNum").val() != 0) { $.messager.alert('提示', "起团人数在2~~99之间", 'info'); return; } $("#deliveryGrid").datagrid('load', getQueryParam()); } /** * 编辑 * * @param id */ function showWin(id,isStatus) { if (id != null && isStatus!=null) { // 不同的活动状态不同的编辑字段 if(isStatus !=null){ if (isStatus == 'finished'||isStatus=='stopped' ) { $.messager.alert('提示', "此活动状态不可编辑", 'info'); return; } if (isStatus =='activated') { $("#addstartTime").datetimebox("disable"); $("#addendTime").datetimebox("disable"); $("#form_edit").find("input[id=addweixinName]").attr( "disabled", "disabled"); //隐藏照片的上传按钮 $("#fsUploadDiv").css("display","none"); $("#form_edit").find("input[id=addgroupPrice]").attr( "disabled", "disabled"); $("#form_edit").find("input[id=adddiscountLab]").attr( "disabled", "disabled"); $("#form_edit").find("input[id=addminimumJoinMemberNum]").attr( "disabled", "disabled"); $("#form_edit").find("input[id=addbeginWaitTime]").attr( "disabled", "disabled"); $("#form_edit").find("input[id=addorderBy]").attr("disabled", "disabled"); }else{ $("#fsUploadDiv").css("display","block"); $("#addstartTime").datetimebox("enable"); $('#addendTime').datetimebox("enable"); $('#addweixinName').removeAttr("disabled"); $('#addgroupPrice').removeAttr("disabled"); $('#adddiscountLab').removeAttr("disabled"); $('#addminimumJoinMemberNum').removeAttr("disabled"); $('#addbeginWaitTime').removeAttr("disabled"); $('#addorderBy').removeAttr("disabled"); } } }else{ $("#fsUploadDiv").css("display","block"); $("#addstartTime").datetimebox("enable"); $('#addendTime').datetimebox("enable"); $('#addweixinName').removeAttr("disabled"); $('#addgroupPrice').removeAttr("disabled"); $('#adddiscountLab').removeAttr("disabled"); $('#addminimumJoinMemberNum').removeAttr("disabled"); $('#addbeginWaitTime').removeAttr("disabled"); $('#addorderBy').removeAttr("disabled"); } /** * 三种方法移除disabled属性 * $('#form_edit').attr("enable",true); * $('#form_edit').attr("disabled",false); * $('#addweixinName').removeAttr("disabled"); * $('#form_edit').attr("disabled",""); */ $("#fileList").html(""); $("#idHidden").val(""); $("#adddiscountLab").val(""); $("#addweixinName").val(""); // 团长开团等待时间 #12327 修复 $("#addbeginWaitTime").val("24"); $("#addgroupPrice").val(""); $("#addminimumJoinMemberNum").val(""); $("#addstartTime").datebox("setValue",""); $("#addendTime").datebox("setValue",""); // $("#addbeginTime").datebox("setValue",""); // $("#addendTime").datebox("setValue",""); $("#addorderBy").val(""); $("#addisStatus").combobox("setValue", 'nonactivated'); $("#imgUrlHidden").val(""); var iconStr = "icon-add"; var title = "新增微信团"; var urlList; if (id != null) { iconStr = "icon-edit"; title = "编辑微信团"; $.post(appPath + "/page/weixinActivityAct/getBean/" + id, {}, function( data) { $("#idHidden").val(data.weixinId); $("#adddiscountLab").val(data.discountLab); $("#addweixinName").val(data.weixinName); $("#addbeginWaitTime").val(data.beginWaitTime); $("#addgroupPrice").val(data.groupPrice); $("#addminimumJoinMemberNum").val(data.minimumJoinMemberNum); // $("#addbeginTime").datebox("setValue",data.beginTime); $("#addendTime").datebox("setValue", data.endTime); $("#addstartTime").datebox("setValue", data.startTime); $("#addTimeweixin").val(data.addTimeweixin); $("#addorderBy").val(data.sortBy); $("#addisStatus").combobox('setValue', data.isStatus); // $("#editWeixinStatus").val(data.editWeixinStatus); $("#editWeixinStatus").val(data.isStatus); if (data.bannerImgUrl != null && data.bannerImgUrl !=""){ $("#imgUrlHidden").val(data.bannerImgUrl+";"); //获取Img标签Url urlList = data.bannerImgUrl.split(';'); } if(urlList!=null && urlList!=''){ for (var i=0;i
" + "
删除  "); //设置Src属性 $("#img" + randomVal).attr("src", urlList[i]); } //激活状态下,隐藏删除
标签 if (isStatus =='activated') { $("#form_edit a").hide(); }else{ $("#form_edit a").show(); } } }, "json"); } $('#opreateHtml').window({ title : title, iconCls : iconStr, width : 888, height : 500, left : 200, modal : true, shadow : true, collapsible : false, minimizable : false, maximizable : false }); $('#opreateHtml').window('move', { top : 20 }); $('#opreateHtml').window('open'); } function closeWin(id) { $('#opreateHtml').window('close'); } function save() { var weixinActivity = new Object(); if ($("#idHidden").val() != null && $("#idHidden").val() != "") { weixinActivity.weixinId = $("#idHidden").val(); } if ($("#addweixinName").val() == null || $("#addweixinName").val() == "") { $.messager.alert('提示', "微信团名称不能为空", 'info'); return; } // 上传图片 最多上传5张 if ($("#imgUrlHidden").val() == null || $("#imgUrlHidden").val() == "") { $.messager.alert('提示', "图片不能为空", 'info'); return; } if ($("#addstartTime").datebox("getValue") == null || $("#addstartTime").datebox("getValue") == "") { $.messager.alert('提示', "开始时间不能为空", 'info'); return; } if ($("#addendTime").datebox("getValue") == null || $("#addendTime").datebox("getValue") == "") { $.messager.alert('提示', "结束时间不能为空", 'info'); return; } if ($("#addstartTime").datebox("getValue") >= $("#addendTime").datebox( "getValue")) { $.messager.alert('提示', "开始时间不能大于结束时间", 'info'); return; } //开始时间不能大于提交时间 if(weixinActivity.weixinId ==null || weixinActivity.weixinId ==""){ if($("#addstartTime").datebox("getValue")<= now){ $.messager.alert('提示', "开始时间不能小于提交时间", 'info'); return; } } if ($("#addgroupPrice").val() == null || $("#addgroupPrice").val() == "" || $("#addgroupPrice").val()==0) { $.messager.alert('提示', "微信团价格不能为空且不能为0", 'info'); return; } if ($("#adddiscountLab").val() == null || $("#adddiscountLab").val() == "") { $.messager.alert('提示', "折扣标签不能为空", 'info'); return; } // 起团人数 if ($("#addminimumJoinMemberNum").val() == null || $("#addminimumJoinMemberNum").val() == "") { $.messager.alert('提示', "起团人数不能为空", 'info'); return; } if ($("#addminimumJoinMemberNum").val() < 2 || $("#addminimumJoinMemberNum").val() > 99) { $.messager.alert('提示', "起团人数正在2~~99", 'info'); return; } // 团长开团等待时间 必须是24的倍数 且上限是120 if ($("#addbeginWaitTime").val() == null || $("#addbeginWaitTime").val() == "") { $.messager.alert('提示', "团长开团等待时间不能为空", 'info'); return; } if ($("#addbeginWaitTime").val() % 24 != 0 || $("#addbeginWaitTime").val() == 0 || $("#addbeginWaitTime").val() > 121) { $.messager.alert('提示', "团长开团等待时间必须是24的倍数且不能为0且最大不能超过120", 'info'); return; } // if ($("#addorderBy").val() == null || $("#addorderBy").val() == "") { // $.messager.alert('提示', "手动排序不能为空", 'info'); // return; // } /** * 只有活动状态是激活状态,且已经达到开始时间但是未达到结束时间,这时才可以将活动状态修改为强制停止 */ if(!(($("#addstartTime").datebox("getValue") <= now && $("#addendTime").datebox("getValue")> now && $('#editWeixinStatus').val()=='activated' ))&&$("#addisStatus").combobox("getValue")=='stopped') { $.messager.alert('提示', "只有活动状态是激活状态,且已经达到开始时间但是未达到结束时间,这时才可以将活动状态修改为强制停止", 'info'); return; } // if( $('#editWeixinStatus').val()!='activated' && $("#addisStatus").combobox("getValue")=='stopped' ){ // $.messager.alert('提示', "只有激活状态下才能改为强制停止", 'info'); // return; // } weixinActivity.weixinId = $("#idHidden").val(); weixinActivity.weixinName = $("#addweixinName").val(); weixinActivity.bannerImgUrl = $("#imgUrlHidden").val().substring(0,$("#imgUrlHidden").val().lastIndexOf(";")); weixinActivity.startTime = $("#addstartTime").datebox("getValue"); weixinActivity.addTimeweixin = $("#addTimeweixin").val(); weixinActivity.endTime = $("#addendTime").datebox("getValue"); weixinActivity.groupPrice = $("#addgroupPrice").val(); weixinActivity.discountLab = $("#adddiscountLab").val(); weixinActivity.minimumJoinMemberNum = $("#addminimumJoinMemberNum").val(); weixinActivity.beginWaitTime = $("#addbeginWaitTime").val(); weixinActivity.sortBy = $("#addorderBy").val(); weixinActivity.isStatus = $("#addisStatus").combobox("getValue"); doAjax({ url : appPath + '/page/weixinActivityAct/saveOrUpdate', type : 'post', data : weixinActivity, success : function(data) { if (data == "ok") { $.messager.alert('提示', "保存成功", 'info'); $('#opreateHtml').window('close'); doQuery(); } else { $.messager.alert('提示', data, 'info'); } } }); } function deletes(weixinId) { if (!weixinId) { $.messager.alert('提示信息', '微信ID异常', 'info'); return; } $.messager.confirm('提示信息', '删除会连带其下的商品数据一并删除,你可要想好了?', function(r) { if (r) { doAjax({ url : appPath + "/page/weixinActivityAct/deleteData", type : "post", data : { "weixinId" : weixinId }, success : function(data) { switch (data) { case "ok": $("#deliveryGrid").datagrid('reload'); break; default: $.messager.alert('提示信息', '抱歉,失败了', 'error'); break; } }, error : function(XMLHttpRequest, textStatus, errorThrown) { $.messager.alert('提示信息', '抱歉,出错了' + textStatus, 'error'); } }); } }); } /******************************************************************************* * 查看明细 * * @param weixinId */ function showDetail(weixinId) { $(parentWindow.document).find("#frameName").val($(self).attr("name")); parentWindow.addTab("微信团商品管理页面", appPath + "/page/weixinActivityAct/toPage?weixinId=" + weixinId, "", true, "weixinActivityFrame"); } /******************************************************************************* * 上传并提交到后台前调用的方法 */ function uploadStartFn(file) { var checkRes = true; var urlList = $("#imgUrlHidden").val().substring(0,$("#imgUrlHidden").val().lastIndexOf(";")).split(';'); if (urlList.length == 5) { $.messager.alert("提示信息", "照片最多只能上传5张", "info"); checkRes = false; } // check不通过是,取消队列 if (!checkRes) { // 取消当前队列的文件 swfUploadObj.cancelUpload(file.id, true); return false; } // 开始提交 swfUploadObj.startUpload(); } /******************************************************************************* * 上传图片成功返回事件 */ function uploadPicSuccess(file, serverData) { try { try { // 自定义返回信息,并在状态栏显示,如需使用此功能,response.getWriter().write("{code:0,msgType:'XXX'}") // code为0:成功,code为-1,失败 serverData = eval("(" + serverData + ")"); if (typeof (serverData.code) != "undefined" && serverData.code != 0) { this.uploadError(file, serverData.code, serverData.msg); } else { var path = serverData.newFileName; // 获取当前时间作为随机值,用于img标签ID var randomVal = getTimestamp(); // 追加img标签,显示上传的图片 $("#fileList") .append("
"); $("#img" + randomVal).attr("src", "http://img.j1.com" + path); // 获取图片URL隐藏域 var imgUrl = $("#imgUrlHidden").val(); // ";"分割 $("#imgUrlHidden").val(imgUrl+"http://img.j1.com" + path+";"); var progress = new FileProgress(file, this.customSettings.progressTarget); progress.setComplete(); progress.setStatus("完成."); progress.toggleCancel(false); } } catch (e) { var progress = new FileProgress(file, this.customSettings.progressTarget); progress.setComplete(); progress.setStatus("完成."); progress.toggleCancel(false); } } catch (ex) { this.debug(ex); } } // 获取时间戳 function getTimestamp() { return (new Date()).valueOf(); } //删除已上传图片 function deleteImg(a){ //根据
标签id获取div、img标签ID var divId = "div"+a.id.substring(1); var imgId = "img" + a.id.substring(1); //获取img标签src属性值 var imgSrc=$("#"+imgId).attr("src"); // $("#imgUrlHidden").val($("#imgUrlHidden").val().replace(imgSrc+";","")); //删除整个div标签(包含img、a) $("#"+divId).remove(); }

 

==================jsp================================<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
微信团名称 开始时间 结束时间
活动状态 起团人数 搜索
微信团名称
banner图片
开始时间
结束时间
团购价格  元
折扣标签  折
起团人数  人数
* 起团人数 上限99 下限2
团长开团等待时间  小时
* 团长开团等待时间 必须是24的倍数 上限120
手动排序
活动状态

转载于:https://www.cnblogs.com/shenzikun1314/p/6547672.html

你可能感兴趣的文章
AcWing:149. 荷马史诗(哈夫曼编码 + k叉哈夫曼树)
查看>>
D. Restore Permutation(权值线段树)
查看>>
暑假集训 - 8.10 总结
查看>>
AcWing:164. 可达性统计(拓扑排序 + 状态压缩算法)
查看>>
AcWing:239. 奇偶游戏(前缀和 + 离散化 + 带权并查集 + 异或性质 or 扩展域并查集 + 离散化)...
查看>>
AcWing:240. 食物链(扩展域并查集 or 带边权并查集)
查看>>
AcWing:241. 楼兰图腾(树状数组逆序对)
查看>>
AcWing:238. 银河英雄传说(带权并查集)
查看>>
暑假集训 - 8.17 总结
查看>>
AcWing:173. 矩阵距离(bfs)
查看>>
C# 正则表达式
查看>>
Spring Cloud 入门教程(四): 分布式环境下自动发现配置服务
查看>>
Spring Cloud 入门教程(六): 用声明式REST客户端Feign调用远端HTTP服务
查看>>
Spring Cloud 入门教程(一): 服务注册
查看>>
Spring Cloud 入门教程(三): 配置自动刷新
查看>>
Spring Cloud 入门教程(二): 配置管理
查看>>
Spring Cloud 入门教程(十):和RabbitMQ的整合 -- 消息总线Spring Cloud Netflix Bus
查看>>
maven build 插件
查看>>
Centos7上安装docker
查看>>
容器 变成镜像提交到阿里云镜像仓库
查看>>