Fine Uploader er en filupload-komponent implementeret med Ajax-teknologi, som understøtter træk-og-slip filupload. Det er nemt at bruge, bare indfør den tilsvarende CSS+Javascrip{filter}t på siden, og resten er bare serverside-processeringslogik. Der findes allerede flere sprogimplementeringer i den downloadpakke, den tilbyder: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.
Reception:
- <div id="fine-uploader"></div>
- $(function () {
- $('#fine-uploader').fineUploader({
- request: {
- endpoint: '/Upload/ProcessUpload'
- },
- validation: {
- allowedExtensions: ['jpeg', 'jpg', 'png'],
- sizeLimit: 2097152
- },
- multiple: false,
- text: {
- uploadButton: '<div>上传头像</div>',
- dropProcessing: "（支持文件拖放上传，只能上传单张2M以下png、jpg、gif图片）"
- }
- }).on('complete', function (event, id, fileName, responseJson) {
- if (responseJson.success) {
-
- //这里是上传成功之后的东西
- }
- });
-
- });
- [HttpPost]
- public ActionResult ProcessUpload(string qqfile)
- {
- try
- {
- string uploadFolder = "/Images/Temp/";
- string imgName = Guid.NewGuid().ToString("D");
- string imgType = Path.GetExtension(qqfile);
- string uploadPath = Server.MapPath(uploadFolder);
- if (!Directory.Exists(uploadPath))
- {
- Directory.CreateDirectory(uploadPath);
- }
- using (var inputStream = Request.InputStream)
- {
- using (var flieStream = new FileStream(uploadPath + imgName + imgType, FileMode.Create))
- {
- inputStream.CopyTo(flieStream);
- }
- }
- //获取图片的宽度和高度
- //using (FileStream fs = new FileStream(@"1.jpg", FileMode.Open, FileAccess.Read))
- //{
- // System.Drawing.Image image = System.Drawing.Image.FromStream(fs);
- // string width = image.Width.ToString();
- // string height = image.Height.ToString();
- //}
- return Json(new { success = true, message = uploadFolder + imgName + imgType, width = 852, height =1136});
- }
- catch (Exception ex)
- {
- return Json(new { fail = true, message = "上传失败!" });
- }
- }
fineuploader.rar
(11.47 KB, Antal downloads: 0, 售价: 2 粒MB)
|
Opslået på 12/11/2015 10.18.06
|
|
|
|
Opslået på 29/05/2019 13.58.07