Pemalam jQuery mudah ajaxfileupload.js melaksanakan fail muat naik ajax example_jquery

Pemalam jQuery AjaxFileUpload dapat merealisasikan muat naik fail ajax Pemalam ini sangat mudah digunakan Mula-mula, pelajari cara menggunakan pemalam AjaxFileUpload dengan betul, dan kemudian ketahui tentang beberapa mesej dan penyelesaian ralat biasa.

Arahan penggunaan

Perlu menggunakan fail perpustakaan jQuery dan fail perpustakaan AjaxFileUpload

Contoh penggunaan

1, termasuk bahagian fail

Untuk ID dan nama domain fail, parameter fileElementId pemalam ajaxFileUpload perlu mendapatkan ID domain fail Jika anda memproses operasi fail muat naik, anda perlu mengetahui nama domain fail untuk mendapatkan yang dimuat naik maklumat fail. Hubungan antara kedua-duanya mestilah jelas.

3, bahagian javascript

Penerangan parameter utama: 1. url mewakili laluan fail untuk memproses operasi muat naik fail Anda boleh menguji sama ada URL boleh diakses terus dalam penyemak imbas, seperti di atas: upload.php 2. fileElementId mewakili ID domain fail, seperti di atas: fileToUpload

<script type="text/javascript"> 
function ajaxFileUpload (){ 
loading();//动态加载小图标 
$.ajaxFileUpload ({ 
url :'upload.php', 
secureuri :false, 
fileElementId :'fileToUpload', 
dataType : 'json', 
success : function (data, status){ 
if(typeof(data.error) != 'undefined'){ 
if(data.error != ''){ 
alert(data.error); 
}else{ 
alert(data.msg); 
} 
} 
}, 
error: function (data, status, e){ 
alert(e); 
} 
}) 
return false; 
} 
function loading (){ 
$("#loading ").ajaxStart(function(){ 
$(this).show(); 
}).ajaxComplete(function(){ 
$(this).hide(); 
}); 
} 
</script> 

Terdapat dua kaedah di atas, fungsi gesaan ikon kecil pemuatan dinamik memuat() dan fungsi $.ajaxFileUpload() muat naik fail, yang serupa dengan fungsi jQuery.ajax() yang kami gunakan Ia sangat mudah , dan saya telah meninggalkannya di sini PHP mengendalikan fail yang dimuat naik, dan semudah itu menggunakan pemalam jQuery AjaxFileUpload untuk melaksanakan fail ajax.

Pada masa yang sama, kita perlu mengetahui gesaan ralat yang berkaitan

1, SyntaxError: tiada; sebelum ralat pernyataan
Jika ralat ini berlaku, anda perlu menyemak sama ada laluan url boleh diakses

2, SyntaxError: ralat sintaks

Jika ralat ini berlaku, anda perlu menyemak sama ada ID atribut wujud

Jika ralat ini berlaku, anda perlu menyemak sama ada nama domain fail itu konsisten atau tidak wujud

Anda boleh menggunakan pembolehubah $error untuk mencetak terus untuk menyemak sama ada setiap parameter adalah betul, yang jauh lebih mudah daripada gesaan ralat tidak sah di atas.

Halaman pemprosesan:

Komen tambahan daripada netizen lain:

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;

public partial class web_ajax_FileUpload : System.Web.UI.Page
{
 protected void Page_Load(object sender, EventArgs e)
 {
  HttpFileCollection files = HttpContext.Current.Request.Files;


  //if (files[0].ContentLength > 5)
  //{
  // Response.Write("{");
  // Response.Write("msg:'" + files[0].FileName + "',");
  // Response.Write("error:'文件上传失败'");
  // Response.Write("}");
  //}
  //else
  //{
  // Response.Write("{");
  // Response.Write("msg:'没有文件被上传',");
  // Response.Write("error:'文件上传失败'");
  // Response.Write("}");
  //}
  files[0].SaveAs("d:/adw.jpg");
  Response.Write("{");
  Response.Write("msg:'a',");
  Response.Write("error:''");
  Response.Write("}");

  //Response.Write("{");
  //Response.Write("msg:'ggg\n',");
  //Response.Write("error:'aa\n'");
  //Response.Write("}");
  Response.End();
 }
}

Kod adalah seperti berikut:

        

       

                      

 





Kod pelayan:





Salin kod

Kod adalah seperti berikut:

Kelas awam UpdateAction memanjangkan DispatchAction {

    pemuat naik ActionForward awam (Pemetaan ActionMapping, borang ActionForm,
            Permintaan HttpServletRequest, respons HttpServletResponse) {
        UpFormForm upFormForm = (UpFormForm) borang;
        FormFile ff = upFormForm.getHouseMaps();
        cuba {
            InputStream ialah = ff.getInputStream();
            Fail fail = new File("D:/" ff.getFileName());            //指定文件存储的路径和文件名
            OutputStream os = baru FileOutputStream(fail);
           
            bait[] b = bait baharu[1024];
            int len ​​= 0;
            while((len = is.read(b)) != -1){
                os.write(b, 0, len);
            }
            os.close();
            is.close();
        } tangkapan (Pengecualian e) {
            e.printStackTrace();
           
        }
       
        kembalikan null;
    }
}