js+php在线截图 jquery fileupload.js,另一种图片上传 jquery.fileupload.js

今天遇到另外一种上传图片方法

用jquery.fileupload.js

一个文件类型的元素

$("#fileupload").fileupload({

datatype:"json",

url: "/File/UploadFiles",

done: function (e, data) { //上传结束的操作

if (data.result[0].result != "OK") //不成功的时候 弹出消息

{

alert(data.result[0].result);

}

else

{

$("#imgshow").attr("src", data.result[0].thumbnail_url); //成功的时候显示图片

}

}

})

上面的url 处理当选择完成图片后进行的上传操作

public string path = "~/Files";

[HttpPost]

public ActionResult UploadFiles()

{

var r = new List();

foreach (string file in Request.Files)

{

var statuses = new List();

var headers = Request.Headers;

if (string.IsNullOrEmpty(headers["X-File-Name"]))

{

UploadWholeFile(Request, statuses);

}

else

{

UploadPartialFile(headers["X-File-Name"], Request, statuses);

}

JsonResult result = Json(statuses);

result.ContentType = "text/plain";

return result;

}

return Json(r);

}

上面是uploadfiles方法。

ViewDataUploadFilesResult是定义的文件类

public class ViewDataUploadFilesResult

{

public string name { get; set; }

public int size { get; set; }

public string type { get; set; }

public string url { get; set; }

public string delete_url { get; set; }

public string thumbnail_url { get; set; }

public string delete_type { get; set; }

public string result { set; get; }

}

有名字尺寸类型等属性

UploadWholeFile上传整个文件

private void UploadWholeFile(HttpRequestBase request, List statuses)

{

for (int i = 0; i < request.Files.Count; i++)

{

string result = ISValid(request.Files[i], "image");

if (result!= "OK")

{

statuses.Add(new ViewDataUploadFilesResult() { result=result});

}

}

if (statuses.Count > 0) return;

for (int i = 0; i < request.Files.Count; i++)

{

var file = request.Files[i];

if (!Directory.Exists(StorageRoot))

{

Directory.CreateDirectory(StorageRoot);

}

string fileExt = Path.GetExtension(file.FileName).ToLower();

string newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt;

var fullPath = Path.Combine(StorageRoot, newFileName);

file.SaveAs(fullPath);

statuses.Add(new ViewDataUploadFilesResult()

{

result = "OK",

name = newFileName,

size = file.ContentLength,

type = file.ContentType,

url = Path.Combine(path, Path.GetFileName(newFileName)),

delete_url = "/Home/Delete/" + newFileName,

thumbnail_url = @"data:image/png;base64," + EncodeFile(fullPath),

delete_type = "GET",

});

}

}

private void UploadPartialFile(string fileName, HttpRequestBase request, List statuses)

{

if (request.Files.Count != 1) throw new HttpRequestValidationException("Attempt to upload chunked file containing more than one fragment per request");

var file = request.Files[0];

string result = ISValid(file, "image");

if (result != "OK")

{

statuses.Add(new ViewDataUploadFilesResult() { result = result });

}

if (statuses.Count > 0) return;

var inputStream = file.InputStream;

if (!Directory.Exists(StorageRoot))

{

Directory.CreateDirectory(StorageRoot);

}

string fileExt = Path.GetExtension(file.FileName).ToLower();

string newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt;

var fullName = Path.Combine(StorageRoot, newFileName);

using (var fs = new FileStream(fullName, FileMode.Append, FileAccess.Write))

{

var buffer = new byte[1024];

var l = inputStream.Read(buffer, 0, 1024);

while (l > 0)

{

fs.Write(buffer, 0, l);

l = inputStream.Read(buffer, 0, 1024);

}

fs.Flush();

fs.Close();

}

statuses.Add(new ViewDataUploadFilesResult()

{

result="OK",

name = newFileName,

size = file.ContentLength,

type = file.ContentType,

url = Path.Combine(path, Path.GetFileName(newFileName)),

delete_url = "/Home/Delete/" + newFileName,

thumbnail_url = @"data:image/png;base64," + EncodeFile(fullName),

delete_type = "GET",

});

}

上传部分文件

private string ISValid(HttpPostedFileBase file,string dirName)

{

//定义允许上传的文件扩展名

Hashtable extTable = new Hashtable();

extTable.Add("image", "gif,jpg,jpeg,png,bmp");

extTable.Add("flash", "swf,flv");

extTable.Add("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");

extTable.Add("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");

//最大文件大小

int maxSize = 1000000;

String fileName = file.FileName;

String fileExt = Path.GetExtension(fileName).ToLower();

if (file.InputStream == null || file.InputStream.Length > maxSize)

{

return "上传文件大小超过限制。";

}

if (String.IsNullOrEmpty(fileExt) || Array.IndexOf(((String)extTable[dirName]).Split(','), fileExt.Substring(1).ToLower()) == -1)

{

return "上传文件扩展名是不允许的扩展名。\n只允许" + ((String)extTable[dirName]) + "格式。";

}

return "OK";

}

isvalid验证上传文件是否合理

private string EncodeFile(string fileName)

{

return Convert.ToBase64String(System.IO.File.ReadAllBytes(fileName));

}

[HttpGet]

public void Delete(string id)

{

var filename = id;

var filePath = Path.Combine(Server.MapPath("~/Files"), filename);

if (System.IO.File.Exists(filePath))

{

System.IO.File.Delete(filePath);

}

}

来源：https://www.cnblogs.com/jiangyou-lz/p/5707542.html