uploadifive使用笔记

官网地址: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);
}

作者:Joe.Fan
         
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/fanxingthink/p/5794438.html