引用:

<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 表中插数据(每个图集中的图片) 结束 --
}
});
//----批量上传图片 结束----
})

jQuery uploadify-v3.1 批量上传的更多相关文章

  1. 使用jQuery Uploadify在ASP.NET 上传附件

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuer ...

  2. 在php中使用jquery uploadify进行多图片上传

    jquery uploadify是一款Ajax风格的批量图片上传插件,在PHP中使用jquery uploadify很方便,请按照本文介绍的方法和步骤,为你的PHP程序增加jquery uploadi ...

  3. jquery uploadify插件多文件上传

    1.jquery uploadify 下载:http://www.uploadify.com/ 2.安装:解压后拷贝的工程目录下面,如:WebRoot/uploaddify 3.配置项说明: uplo ...

  4. uploadify v3.2.1 上传报大量js 类似__flash__addCallback(document.getElementById("SWFUpload_0"), "ReturnUploadStart"); 错误

    报__flash__addCallback未定义 报__flash__removeCallback未定义 最后解决方法:  uploadify  提供了destroy方法,每次使用完后,清空就可以了. ...

  5. jquery文件批量上传控件Uploadify3.2(java springMVC)

    人比較懒  有用为主 不怎么排版了 先放上Uploadify的官网链接:http://www.uploadify.com/  -->里面能够看到PHP的演示样例,属性说明,以及控件下载地址.分f ...

  6. uploadify+批量上传文件+java

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  7. jquery的uploadify插件实现的批量上传V3.2.1版

    你需要如下配置(包括引入文件)HTML: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&quo ...

  8. 带进度条的文件批量上传插件uploadify

    有时项目中需要一个文件批量上传功能时,个人认为uploadify是快速简便的解决方案. 先上效果图: 一. 下载uploadify 从官网下载uploadify的Flash版本(Flash版本免费,另 ...

  9. 利用uploadify+asp.net 实现大文件批量上传。

    前言 现在网上文件上传组件随便一搜都是一大堆,不过看大家一般都在用uploadify这个来上传文件.由于项目需要,我在来试了一下.因为第一次使用,也遇到了很多问题,特此记录! ------------ ...

  10. uploadify文件批量上传

    uploadify能够时间文件的批量上传,JS文件包下载地址,使用说明可以参考官网文档(http://www.uploadify.com/documentation/) 使用方法如下代码: $(&qu ...

随机推荐

  1. Google镜像站更新地址

    越来越觉得某度的行为无耻无下限,Google镜像站地址,不方便访问Google的可以参考,后面会尽量保持更新可用的镜像库. (收藏地址即可,免得镜像站被封) https://g.jikewenku.c ...

  2. Objective-C ,ios,iphone开发基础:JSON解析(使用苹果官方提供的JSON库:NSJSONSerialization)

    json和xml的普及个人觉得是为了简化阅读难度,以及减轻网络负荷,json和xml 数据格式在格式化以后都是一种树状结构,可以树藤摸瓜的得到你想要的任何果子. 而不格式化的时候json和xml 又是 ...

  3. plsql设置窗口默认格式

    一:plsql设置窗口默认格式 窗口视图设置完毕后,选择“窗口”菜单——点击“保存”版面. 等到下次重启后,就会呈现保存的版面. OK,设置完毕!

  4. 关于Override在JDK1.5和JDK1.6上子类实现接口中方法使用@Override注解编译错误.

    遇到这个问题说来也怪.新开了一个path的工作空间用来打patch.该Eclipse的默认全局的编译版本是1.6.但是唯独其中的一个插件项目的版本是1.5(可能是唯一的一个,不确定,不知道为什么会是这 ...

  5. Win7 32bit(x86)/64bit(x64) 完整安装版(非GHOST版本)

    Windows7 32bit 旗舰iso格式完整安装镜像 百度云盘:http://pan.baidu.com/s/1bpjLPs Windows7 64bit 旗舰iso格式完整安装镜像 百度云盘:h ...

  6. display:none与visible:hidden区别

    if(list.style.display=='none'){                 list.style.display='block';             }else{       ...

  7. <转>cookie和缓存解析

    原文来自:http://www.cnblogs.com/cuihongyu3503319/archive/2008/04/18/1160083.html 缓存cache 为了提高访问网页的速度,浏览器 ...

  8. Java集合类 java.util包

    概述   软件包  类  使用  树  已过时  索引  帮助  JavaTM Platform Standard Ed. 6  上一个软件包   下一个软件包 框架    无框架           ...

  9. windows编程socket问题

    今天调试了个MFC网络程序,被bug困扰了一天,终于在收工前解决了. 大致是这样的,我们需要用上位机远程控制机器车前行.上位机上的MFC app的键盘按键响应如下:当按键按下时,系统会发送一个消息给a ...

  10. 有关开机后win7任务管理器不断重启的问题,我的情况是sendrpt.exe导致的(转载,有补充)

    SendRpt.exe提示SendRpt:Error资源管理器未响应 打开电脑就发现资源管理器就未响应,还发现一个标题为Report sending utility的SendRpt.exe进程占用CP ...