官网地址:http://www.uploadify.com/
uploadifive 是基于H5开发,所以支持移动端和PC端
<input type="file" name="uploadifive" id="uploadifive" />
<div id="fileQueue"></div>
$('#uploadify').uploadifive({ uploadScript: '/Receipt/UploadFile', // 服务器端处理地址 cancelImg: '/uploadify/uploadify-cancel.png', dnd: true, method: 'Post', //如果要传参数,就必须改为GET 150, // 按钮的宽度 height: 35, // 按钮的高度 buttonText: "上传文件", // 按钮上的文字 buttonCursor: 'hand', // 按钮的鼠标图标 removeCompleted: true, fileObjName: 'Filedata', // 上传参数名称 // 两个配套使用 fileType: "image/*", // 扩展名 queueID: 'fileQueue', auto: true, // 选择之后,自动开始上传 multi: true, // 是否支持同时上传多个文件 queueSizeLimit: 5, // 允许多文件上传的时候,同时上传文件的个数 formData: { 'name': $('#txtReceiptNo').val() }, // 多个参数用逗号隔开 'name':$('#name').val(),'num':$('#num').val(),'ttl':$('#ttl').val() });
[HttpPost]
public ContentResult UploadFile(string name)
{
string result = ""; string ename = "";
HttpPostedFileBase FileData = Request.Files["Filedata"];
if (null != FileData && !string.IsNullOrEmpty(FileData.FileName) && FileData.ContentLength != 0 && !string.IsNullOrEmpty(name))
{
try
{
result = Path.GetFileName(FileData.FileName);//获得文件名
ename = Path.GetExtension(FileData.FileName);
FileData.SaveAs("存的文件路径");
}
catch
{
result = "";
}
}
return Content(result);
}