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 表中插数据(每个图集中的图片) 结束 --
}
});
//----批量上传图片 结束----
})
jQuery uploadify-v3.1 批量上传的更多相关文章
- 使用jQuery Uploadify在ASP.NET 上传附件
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuer ...
- 在php中使用jquery uploadify进行多图片上传
jquery uploadify是一款Ajax风格的批量图片上传插件,在PHP中使用jquery uploadify很方便,请按照本文介绍的方法和步骤,为你的PHP程序增加jquery uploadi ...
- jquery uploadify插件多文件上传
1.jquery uploadify 下载:http://www.uploadify.com/ 2.安装:解压后拷贝的工程目录下面,如:WebRoot/uploaddify 3.配置项说明: uplo ...
- uploadify v3.2.1 上传报大量js 类似__flash__addCallback(document.getElementById("SWFUpload_0"), "ReturnUploadStart"); 错误
报__flash__addCallback未定义 报__flash__removeCallback未定义 最后解决方法: uploadify 提供了destroy方法,每次使用完后,清空就可以了. ...
- jquery文件批量上传控件Uploadify3.2(java springMVC)
人比較懒 有用为主 不怎么排版了 先放上Uploadify的官网链接:http://www.uploadify.com/ -->里面能够看到PHP的演示样例,属性说明,以及控件下载地址.分f ...
- uploadify+批量上传文件+java
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- jquery的uploadify插件实现的批量上传V3.2.1版
你需要如下配置(包括引入文件)HTML: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&quo ...
- 带进度条的文件批量上传插件uploadify
有时项目中需要一个文件批量上传功能时,个人认为uploadify是快速简便的解决方案. 先上效果图: 一. 下载uploadify 从官网下载uploadify的Flash版本(Flash版本免费,另 ...
- 利用uploadify+asp.net 实现大文件批量上传。
前言 现在网上文件上传组件随便一搜都是一大堆,不过看大家一般都在用uploadify这个来上传文件.由于项目需要,我在来试了一下.因为第一次使用,也遇到了很多问题,特此记录! ------------ ...
- uploadify文件批量上传
uploadify能够时间文件的批量上传,JS文件包下载地址,使用说明可以参考官网文档(http://www.uploadify.com/documentation/) 使用方法如下代码: $(&qu ...
随机推荐
- Umbraco入门(一)--在VS中安装Umbraco
在VS中安装Umbraco 由于Vs中自己集成的IIS,所以在安装Umbraco是不用再想以前那么麻烦,需要设置IIS等等…… 使用VS的NuGet程序包管理器 创建一个用空的ASP Web应用程 ...
- Centos7下安装iF.svnadmin实现web方式管理svn(源码安装)
iF.SVNAdmin 是一个基于 Web 的,用来管理 Subversion 的认证文件的项目.无需数据库支持,直接对 Subversion 的认证文件和用户认证文件进行设置,支持 LDAP,同时也 ...
- 3.4.2内核下的I2C驱动
1. 框架1.1 硬件协议简介1.2 驱动框架1.3 bus-drv-dev模型及写程序a. 设备的4种构建方法a.1 定义一个i2c_board_info, 里面有:名字, 设备地址 然后i2c_r ...
- [转]在SQL中用正则表达式替换html标签
本文转自:http://blog.csdn.net/dhttaso/article/details/6045380 由于数据库的一个表字段中多包含html标签,现在需要修改数据库的字段把html标签都 ...
- [转]让ORACLE LIKE 时不区分大小写
本文转自:http://hi.baidu.com/dosttyy/item/9073803df47ef9f62784f49a 让ORACLE LIKE 时不区分大小写: select * from t ...
- 【二分查找最优解】FZU 2056 最大正方形
题意:现在有一个n*m的矩阵A,在A中找一个H*H的正方形,使得其面积最大且该正方形元素的和不大于 limit. 分析:开始以为是DP或者二维RMQ,其实用二分就可以做出来: 在输入时构造元素和矩阵d ...
- 转:android git开源项目列表
1. 知乎的合集说明 https://www.zhihu.com/question/19804692 2. http://p.codekk.com/
- pc端有弹出层 并有滚动的时候遇到的问题以及解决
有时候页面会遇到这样一个问题,页面有个弹出层 ,弹出层是有动条的,当弹出层滚完的时候,后面的页面也会滚动,但是我们希望是后面的页面不滚动;代码如下 1:弹出层出现的时候设置 $('body').css ...
- saltstack实战4--综合练习4
Saltstack配置管理-给minion增加Zabbix-agent zabbix-agent的包 [root@A ~]# rpm -qa |grep zabbix zabbix-2.4.8-1.e ...
- 我的jquery之路
不知不觉jquery已经看完了. 以前不知道jquery是什么,现在依然不是很清晰.或许学习的结果就是这样吧,忘记你所学的.