uploadify多文件上传参数设置技巧_jquery

来源：动视网责编：小采时间：2020-11-27 21:45:34

uploadify多文件上传参数设置技巧_jquery

uploadify多文件上传参数设置技巧_jquery:比起swfupload，uploadify插件配置使用都更简单，只是刚加载的时候稍微慢了一秒左右. 废话不多说了，直接给大家贴代码了。 php jquery uploadify多文件上传 $(document).ready(function() { $(#fileInput2″).up

推荐度：

点击下载本文 文档为doc格式

导读uploadify多文件上传参数设置技巧_jquery:比起swfupload，uploadify插件配置使用都更简单，只是刚加载的时候稍微慢了一秒左右. 废话不多说了，直接给大家贴代码了。 php jquery uploadify多文件上传 $(document).ready(function() { $(#fileInput2″).up

比起swfupload，uploadify插件配置使用都更简单，只是刚加载的时候稍微慢了一秒左右.

废话不多说了，直接给大家贴代码了。




php jquery uploadify多文件上传






$(document).ready(function() {
$(“#fileInput2″).uploadify({
‘uploader': ‘js/uploadify.swf',//所需要的flash文件
‘cancelImg': ‘cancel.png',//单个取消上传的图片
'script': ‘js/uploadify.php',//实现上传的程序
‘folder': ‘uploads',//服务端的上传目录
//'auto': true,//自动上传
‘multi': true,//是否多文件上传
//'checkScript': ‘js/check.php',//验证 ，服务端的
‘displayData': 'speed',//进度条的显示方式
//'fileDesc': ‘Image(*.jpg;*.gif;*.png)',//对话框的文件类型描述
//'fileExt': ‘*.jpg;*.jpeg;*.gif;*.png',//可上传的文件类型
//'sizeLimit': 999999 ,//限制上传文件的大小
//'simUploadLimit' :3, //并发上传数据
//'queueSizeLimit' :5, //可上传的文件个数
//'buttonText' :'文件上传',//通过文字替换钮扣上的文字
‘buttonImg': ‘css/images/browseBtn.png',//替换上传钮扣
‘width': 80,//buttonImg的大小
‘height': 24,//
‘rollover': true,//button是否变换
onComplete: function (evt, queueID, fileObj, response, data) {
//alert(“Successfully uploaded: “+fileObj.filePath);
//alert(response);
getResult(response);//获得上传的文件路径
}
//onError: function(errorObj) {
// alert(errorObj.info+” “+errorObj.type);
//}
});
});

ps：uploadify插件实现多个图片上传并预览

使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。

上传成功之后使用插件的回调函数读取json数据，根据url实现图片预览。

效果图：

点击浏览文件上传图片，图片依次在右侧显示预览效果。

实现：

json数据格式如下：

页面代码如下：

注：需要引用jQuery.js、uploadify.js、uploadify文件。uploadify文件下载地址：http://www.uploadify.com/download/



">
">


 
 
 （最多可上传五张图片）

曾遇到问题：

ie、360浏览器中对json数据检查比较严格，不允许最后一个“，”存在。其它浏览器不会报错，需要注意。

uploadify多文件上传参数设置技巧_jquery

推荐度：

点击下载本文 文档为doc格式

标签：文件上传方法

热门焦点

uploadify多文件上传参数设置技巧_jquery

uploadify多文件上传参数设置技巧_jquery

uploadify多文件上传参数设置技巧_jquery

最新推荐

猜你喜欢

热门推荐