uploadify多文件上传参数设置

来源：互联网发布：拳皇13半圆优化编辑：程序博客网时间：2024/05/16 13:49

uploadify多文件上传参数设置

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

<head>

<title>php jquery uploadify多文件上传</title>

$(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);

//}

});

</script>

function getResult(content){

//通过上传的图片来动态生成text来保存路径

var board = document.getElementById(“divTxt”);

board.style.display=””;

var newInput = document.createElement(“input”);

newInput.type = “text”;

newInput.size = “45″;

newInput.name=”myFilePath[]“;

var obj = board.appendChild(newInput);

var br= document.createElement(“br”);

board.appendChild(br);

obj.value=content;

}

</script>

</head>

<body>

<legend> <strong> 多文件上传</strong></legend>

<div>

||  <a href=”javascript:$(‘#fileInput2′).uploadifyClearQueue();”>清除上传列表</a></div>

<p></p>

</fieldset>

<div id=”divTxt” style=”display:none”><span style=”color:red”><strong>已经上传的图片有：</strong></span& gt;<br></div><br>

</FORM>

</body>

</html>