plupload的一些使用心得
最近要做一个文件上传的东西 经过同事的推荐所以就选择了plupload，挺强大的 由于项目框架为改动后的MVC 刚一开始破费周折 不过最后总算是完成了 废话不多说了 粘出来代码给大家参考吧！文件包大家去官网上面下载吧。下载地址http://www.plupload.com/
引用
<link rel="stylesheet" href="$webpath/library/js/plupload/css/plupload.queue.css"
type="text/css" media="screen" />
<script type="text/javascript" src="$webpath/library/js/plupload/jquery.min.js"></script>
<script type="text/javascript" src="$webpath/library/js/plupload/jquery.plupload.queue.min.js"></script>
<script type="text/javascript" src="$webpath/library/js/plupload/plupload.min.js"></script>
<script type="text/javascript" src="$webpath/library/js/plupload/plupload.flash.min.js"></script>
前台页面的代码JS
$(function () {
// 初始化Flash上传插件
$("#flash_uploader").pluploadQueue({
runtimes: 'flash', //使用Flash插件
url: '/AJAX/uploadFiles.ashx', //服务器端响应页面
max_file_size: '10mb', //最大文件限制
chunk_size: '1mb', //一次上传数据大小
unique_names: true, //是否自动生成唯一名称
filters: [{ title: "All files", extensions: "doc,docx,ppt,pptx,xls,xlsx,vsd,pot,pps,rtf,wps,et,dps,pdf,txt,epub,rar" }
],
// 缩放图片
resize: { width: 320, height: 240, quality: 80 },
// SWF文件位置
flash_swf_url: '$webpath/library/js/plupload/plupload.flash.swf',
init: {
FileUploaded: function (up, file, info) {
//一个文件上传成功
var res = $("#hid_FilePath").val();
var newres = "";
newres = res + info.response;
$("#hid_FilePath").val(newres);
},
Error: function (up, args) {
//发生错误
if (args.file) {
alert('[error] File:' + args.file);
} else {
alert('[error]' + args);
}
}
}
});
// 这一块主要是防止在上传未结束前表单提交，具体大家可酌情修改编写
$('form').submit(function (e) {
var uploader = $('#uploader').pluploadQueue(); // 取得上传队列
if (uploader.files.length > 0) { // 就是说如果上传队列中还有文件
uploader.bind('StateChanged', function () {
if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
$('form')[0].submit(); //表单提交
}
});
uploader.start();
} else {
alert('队列中必须至少要有一个文件!');
}
return false;
});
});
</script>
我用的是一般处理程序来处理上传的核心代码的uploadFiles.ashx代码
/// <summary>
/// Json数据序列化
/// </summary>
/// <param name="dic"></param>
/// <returns></returns>
private string toJson(Dictionary<string, string> dic)
{
return EbookServer_Common.Public.toJson(dic);
}
/// <summary>
/// Json数据反序列化
/// </summary>
/// <param name="jsonList"></param>
/// <returns></returns>
private string toJsonArray(List<string> jsonList)
{
return EbookServer_Common.Public.toJsonArray(jsonList);
}
public void UploadFile(HttpContext context)
{
Dictionary<string, string> _dic = new Dictionary<string, string>();
context.Response.CacheControl = "no-cache";
string s_rpath = FileHelper.GetUploadPath();//@"E:\My Documents\Visual Studio 2008\WebSites\SWFUpload\demos\applicationdemo.net";
string Datedir = DateTime.Now.ToString("yy-MM-dd");
string updir = s_rpath + "\\" + Datedir;
string returnstr = "";
int filesize = 0;
List<string> _arr = new List<string>();
if (context.Request.Files.Count > 0)
{
try
{
for (int j = 0; j < context.Request.Files.Count; j++)
{
Dictionary<string, string> _dic_info = new Dictionary<string, string>();
HttpPostedFile uploadFile = context.Request.Files[j];
int offset = Convert.ToInt32(context.Request["chunk"]); //当前分块
int total = Convert.ToInt32(context.Request["chunks"]);//总的分块数量
string name = context.Request["name"];
//文件没有分块
if (total == 1)
{
if (uploadFile.ContentLength > 0)
{
if (!Directory.Exists(updir))
{
Directory.CreateDirectory(updir);
}
// string fileId = DateTime.Now.ToString("yyyyMMddHHmmssfff") + uploadFile.FileName.Substring(uploadFile.FileName.LastIndexOf("."));
uploadFile.SaveAs(string.Format("{0}\\{1}", updir, name));
filesize = Convert.ToInt32(uploadFile.ContentLength / 1024);
}
}
else
{
//文件 分成多块上传
string fullname = WriteTempFile(uploadFile, offset, name);
if (total - offset == 1)
{
//如果是最后一个分块文件 ，则把文件从临时文件夹中移到上传文件 夹中
System.IO.FileInfo fi = new System.IO.FileInfo(fullname);
if (!Directory.Exists(updir))
{
Directory.CreateDirectory(updir);
}
string oldFullName = string.Format(@"{0}\\{1}", updir, name);
FileInfo oldFi = new FileInfo(oldFullName);
if (oldFi.Exists)
{
//文件名存在则删除旧文件
oldFi.Delete();
}
fi.MoveTo(oldFullName);
filesize = Convert.ToInt32(fi.Length / 1024);
}
}
string filePath = string.Format(@"\\upload\\{0}\\{1}", Datedir, name);
string fileName = name;
string fileSize = filesize.ToString();
returnstr = returnstr + fileName + "||" + filePath + "||" + fileSize + ",";
}
context.Response.ContentEncoding = System.Text.Encoding.GetEncoding("utf-8");
context.Response.Charset = "utf-8";
context.Response.AddHeader("content-type", "application/x-javascript");
context.Response.Write(returnstr.ToString());
}
catch (Exception ex)
{
context.Response.Write("Message" + ex.ToString());
}
}
}
/// <summary>
/// 保存临时文件
/// </summary>
/// <param name="uploadFile"></param>
/// <param name="chunk"></param>
/// <returns></returns>
private string WriteTempFile(HttpPostedFile uploadFile, int chunk, string name)
{
// string fileId = DateTime.Now.ToString("yyyyMMddHHmmssfff") + uploadFile.FileName.Substring(uploadFile.FileName.LastIndexOf("."));
string tempDir = FileHelper.GetTempPath();
if (!Directory.Exists(tempDir))
{
Directory.CreateDirectory(tempDir);
}
string fullName = string.Format("{0}\\{1}.part", tempDir, name);
if (chunk == 0)
{
//如果是第一个分块，则直接保存
uploadFile.SaveAs(fullName);
}
else
{
//如果是其他分块文件 ，则原来的分块文件，读取流，然后文件最后写入相应的字节
FileStream fs = new FileStream(fullName, FileMode.Append);
if (uploadFile.ContentLength > 0)
{
int FileLen = uploadFile.ContentLength;
byte[] input = new byte[FileLen];
// Initialize the stream.
System.IO.Stream MyStream = uploadFile.InputStream;
// Read the file into the byte array.
MyStream.Read(input, 0, FileLen);
fs.Write(input, 0, FileLen);
fs.Close();
}
}
return fullName;
}
还有一个文件处理类 引用来的FileHelper.cs
public FileHelper()
{
//
//TODO: 在此处添加构造函数逻辑
//
}
/// <summary>
/// 获取上传目录
/// </summary>
/// <returns></returns>
public static string GetUploadPath()
{
string path = HttpContext.Current.Server.MapPath("~/");
string dirname = GetDirName();
string uploadDir = path + "\\" + dirname;
CreateDir(uploadDir);
return uploadDir;
}
/// <summary>
/// 获取临时目录
/// </summary>
/// <returns></returns>
public static string GetTempPath()
{
string path = HttpContext.Current.Server.MapPath("~/");
string dirname = GetTempDirName();
string uploadDir = path + "\\" + dirname;
CreateDir(uploadDir);
return uploadDir;
}
private static string GetDirName()
{
return System.Configuration.ConfigurationManager.AppSettings["uploaddir"];
}
private static string GetTempDirName()
{
return System.Configuration.ConfigurationManager.AppSettings["tempdir"];
}
public static void CreateDir(string path)
{
if (!System.IO.Directory.Exists(path))
{
System.IO.Directory.CreateDirectory(path);
}
}
到此就完成了。。。由于时间紧迫 就不废话了 从中引用了别人的代码 希望能帮到大家 谢谢！
