Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 17441|Jawab: 1

[ASP.NET] asp.net Komponen unggahan FineUploader MVC

[Salin tautan]
Diposting pada 12/11/2015 10.18.06 | | | |


Fine Uploader adalah komponen unggahan file yang diimplementasikan dengan teknologi Ajax yang mendukung unggahan file drag-and-drop. Mudah digunakan, cukup perkenalkan CSS+Javascrip{filter}t yang sesuai ke dalam halaman, dan sisanya hanyalah logika pemrosesan sisi server. Sudah ada beberapa implementasi bahasa dalam paket unduhan yang disediakannya: ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python.

Meja Depan:
  1. <div id="fine-uploader"></div>
Salin kode
JS:
  1. $(function () {
  2.             $('#fine-uploader').fineUploader({
  3.                 request: {
  4.                     endpoint: '/Upload/ProcessUpload'
  5.                 },
  6.                 validation: {
  7.                     allowedExtensions: ['jpeg', 'jpg', 'png'],
  8.                     sizeLimit: 2097152
  9.                 },
  10.                 multiple: false,
  11.                 text: {
  12.                     uploadButton: '<div>上传头像</div>',
  13.                     dropProcessing: "(支持文件拖放上传,只能上传单张2M以下png、jpg、gif图片)"
  14.                 }
  15.             }).on('complete', function (event, id, fileName, responseJson) {
  16.                 if (responseJson.success) {
  17.                     
  18.                     //这里是上传成功之后的东西
  19.                 }
  20.             });
  21.             
  22.         });
Salin kode
Kode Latar Belakang:
  1. [HttpPost]
  2.         public ActionResult ProcessUpload(string qqfile)
  3.         {
  4.             try
  5.             {
  6.                 string uploadFolder = "/Images/Temp/";
  7.                 string imgName = Guid.NewGuid().ToString("D");
  8.                 string imgType = Path.GetExtension(qqfile);
  9.                 string uploadPath =  Server.MapPath(uploadFolder);
  10.                 if (!Directory.Exists(uploadPath))
  11.                 {
  12.                     Directory.CreateDirectory(uploadPath);
  13.                 }
  14.                 using (var inputStream = Request.InputStream)
  15.                 {
  16.                     using (var flieStream = new FileStream(uploadPath + imgName + imgType, FileMode.Create))
  17.                     {
  18.                         inputStream.CopyTo(flieStream);
  19.                     }
  20.                 }
  21.                 //获取图片的宽度和高度
  22.                 //using (FileStream fs = new FileStream(@"1.jpg", FileMode.Open, FileAccess.Read))
  23.                 //{
  24.                 //    System.Drawing.Image image = System.Drawing.Image.FromStream(fs);
  25.                 //    string width = image.Width.ToString();
  26.                 //    string height = image.Height.ToString();
  27.                 //}  
  28.                 return Json(new { success = true, message = uploadFolder + imgName + imgType, width = 852, height =1136});

  29.             }
  30.             catch (Exception ex)
  31.             {
  32.                 return Json(new { fail = true, message = "上传失败!" });
  33.             }
  34.         }
Salin kode
Ini adalah paket js: fineuploader.rar (11.47 KB, Jumlah unduhan: 0, 售价: 2 粒MB)




Mantan:Taobao dan Tmall berakhir dengan penjualan melebihi 90 miliar yuan di Double 11, dan Jack Ma mengalahkan JD.com dan Suning sebagai pemenang
Depan:Banyak situs web di China dipegang oleh clientHold
Diposting pada 29/05/2019 13.58.07 |
Sumber daya yang bagus Bagaimana cara mengunduh?
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com