zoukankan      html  css  js  c++  java
  • jQuery uploadify-v3.1 批量上传

    引用:

    <link href="/UI.Web.CRM.Main/jQuery.Uploadify/uploadify.css" rel="stylesheet" />
    <script src="/UI.Web.CRM.Main/jQuery.Uploadify/jquery.uploadify-3.1.js"></script>
    <script src="/UI.Web.CRM.Main/jQuery.Uploadify/jquery.uploadify-3.1.min.js"></script>

    主要代码:

            $(function () { 

    //----批量上传图片 开始---- var guid = new GUID(); var strGuid = guid.newGUID(); $("#uploadify").uploadify({ //指定swf文件 'swf': '/UI.Web.CRM.Main/jQuery.Uploadify/uploadify.swf', //后台处理的页面 'uploader': URL_Upload + '?key=' + strGuid + '&Upload_Type=shop' + '&Upload_IsBatchSingle=Batch' + '&jsonPCallback=success_jsonpCallback', //按钮显示的文字 'buttonText': '浏览图片', //显示的高度和宽度,默认 height 30;width 120 //'height': 15, //'width': 80, //上传文件的类型 默认为所有文件 'All Files' ; '*.*' //在浏览窗口底部的文件类型下拉菜单中显示的文本 'fileTypeDesc': 'Image Files', //允许上传的文件后缀 'fileTypeExts': '*.gif; *.jpg; *.png', 'cancelImg': '/UI.Web.CRM.Main/jQuery.Uploadify/uploadify-cancel.png', //发送给后台的其他参数通过formData指定 //'formData': { 'someKey': 'someValue', 'someOtherKey': 1 }, //上传文件页面中,你想要用来作为文件队列的元素的id, 默认为false 自动生成, 不带# //'queueID': 'fileQueue', //选择文件后自动上传 'auto': false, //设置为true将允许多文件上传 'multi': true, //上传成功后执行 'removeCompleted': false, 'onUploadSuccess': function (file, result, response) { $('#' + file.id).find('.data').html(' 上传完毕'); var PicName = result.split(',')[0]; var PicUrl = result.split(',')[2]; var PicSize = result.split(',')[1]; var PicUrl = PicUrl + "/" + PicName; var GroupName = $('#Batch_PicCollectName').val(); var PicInfo = $('#Batch_PicCollectName').val(); var Keywords = $('#Batch_PicCollectName').val(); //--往 PicLib 表中插数据(每个图集中的图片) 开始 -- var _json = jQuery.param({ "PicUrl": PicUrl, "PicName": PicName, "PicSize": PicSize, "GroupName": GroupName, "PicInfo": PicInfo, "Keywords": Keywords });//这是参数 $.ajax({ url: '/Handler/Handler_PicLib/PicLibsHandler.ashx?Func=addpiclib', type: 'POST', async: false, data: _json, //这里是传递参数,不能直接写成 {id:"20150910",name:"jdqp"} dataType: 'json', cache: false, success: function (result) { //--往PicColItem表中插数据(每个图集中的图片) 开始 -- var PicCollectId = $('#Batch_PicCollectId').val(); var PicId = result.JsCode; var Thumbed = ""; var Iconed = ""; var Bannered = ""; var DisplayOrder = ""; var _json = jQuery.param({ "PicCollectId": PicCollectId, "PicId": PicId, "Thumbed": Thumbed, "Iconed": Iconed, "Bannered": Bannered, "DisplayOrder": DisplayOrder });//这是参数 $.ajax({ url: '/Handler/Handler_PicLib/PicColsHandler.ashx?Func=addpiccolitem', type: 'POST', async: false, data: _json, //这里是传递参数,不能直接写成 {id:"20150910",name:"jdqp"} dataType: 'json', cache: false, success: function (result) { $.messager.show({ title: '提示', msg: '数据保存成功。' }); } }) //--往PicColItem表中插数据(每个图集中的图片) 结束 -- } }) //--往 PicLib 表中插数据(每个图集中的图片) 结束 -- } }); //----批量上传图片 结束----
    })
  • 相关阅读:
    Java 面向对象_继承
    Java 面向对象
    使用 pykafka 进行消费
    oracle 的分页、截断查询
    Day03
    Day02 计算机的组成与编程语言
    Day01 MarkDown的使用
    Java方法的重点
    Scanner的小细节
    Java包机制和Javadoc的使用
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/5096370.html
Copyright © 2011-2022 走看看