一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - PHP教程 - php+ajax實現無刷新文件上傳功能(ajaxuploadfile)

php+ajax實現無刷新文件上傳功能(ajaxuploadfile)

2019-10-22 10:53那年夏天KEEP PHP教程

這篇文章主要為大家詳細介紹了php結合ajaxuploadfile實現無刷新文件上傳功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了php+ajax實現無刷新文件上傳的具體代碼,供大家參考,具體內容如下

文件上傳的表單格式

<form id="uploadform" enctype="multipart/form-data" name="uploadform" method="post" >
    <input id="fileToUpload" type="file" name="fileToUpload" class="uploadinput" >
    <input id="add_file" type="button" value="提交">
</form>

AjaxFileUpload實現文件異步上傳效果更好,使用簡單:

 <!DOCTYPE html>
  <html>
    <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <script type="text/javascript" src="http://www.phpddt.com/usr/themes/dddefault/jquery-1.4.2.min.js"></script>
      <script type="text/javascript" src="ajaxfileupload.js"></script>
    </head>
  <script>
  jQuery(function(){  
   $("#buttonUpload").click(function(){   
     //加載圖標  
     /* $("#loading").ajaxStart(function(){
      $(this).show();
     }).ajaxComplete(function(){
      $(this).hide();
     });*/
     //上傳文件
    $.ajaxFileUpload({
      url:'upload.php',//處理圖片腳本
      secureuri :false,
      fileElementId :'fileToUpload',//file控件id
      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;
   }) 
  })
  </script>
    <body>
      <input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input">
      <button id="buttonUpload">上傳</button>
    </body>
  </html>

上傳還可以傳遞參數:

 var data = { name: 'my name', description: 'short description' } 
    $.ajaxFileUpload({
      url: 'upload.php',
      secureuri: false,
      data: data,
      fileElementId: 'fileToUpload',
      dataType: 'json',
      success: function (data) {
        alert(data.msg);

      },
      error: function (data) {
        alert("error");
      }
    });

主要參數說明: 

1、url表示處理文件上傳操作的文件路徑,可以測試URL是否能在瀏覽器中直接訪問,如上:upload.php 
2、fileElementId表示文件域ID,如上:fileToUpload 
3、secureuri是否啟用安全提交,默認為false 
4、dataType數據數據,一般選json,javascript的原生態 
5、success提交成功后處理函數 
6、error提交失敗處理函數

需要了解相關的錯誤提示

1、SyntaxError: missing ; before statement錯誤 

如果出現這個錯誤就需要檢查url路徑是否可以訪問

2,SyntaxError: syntax error錯誤 

如果出現這個錯誤就需要檢查處理提交操作的PHP文件是否存在語法錯誤

3、SyntaxError: invalid property id錯誤 

如果出現這個錯誤就需要檢查屬性ID是否存在

4、SyntaxError: missing } in XML expression錯誤 

如果出現這個錯誤就需要檢查文件域名稱是否一致或不存在

5、其它自定義錯誤 

大家可使用變量$error直接打印的方法檢查各參數是否正確,比起上面這些無效的錯誤提示還是方便很多。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持服務器之家。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 亚洲一级特黄特黄的大片 | 国产suv精品一区二区四区三区 | a级黄色网| 精品久久免费视频 | 国产精品成人va在线观看 | 四虎影视黄色 | 国产成人精品福利色多多 | 国产精品成人免费观看 | 波多野结衣一区免费作品 | 成人在线播放 | 精品夜夜澡人妻无码AV蜜桃 | 三星w999| 亚洲精品乱码久久久久久蜜桃 | 日韩高清在线免费看 | 富士av105| 99亚洲| 国内精品91最新在线观看 | 成人猫咪maomiav永久网址 | 亚洲精品久久久992KVTV | 青青草在线观看 | 欧美日韩精品一区二区三区视频在线 | www.91在线视频| 国产成人啪精品午夜在线播放 | 国产精品久久免费观看 | 糖心在线观看 | 青草视频在线观看免费网站 | 按摩椅play啊太快了h | 国产这里有精品 | 亚洲国产AV无码综合在线 | 草草影院在线 | 亚1洲二区三区四区免费 | 国产欧美日韩高清专区ho | 岛国最新资源网站 | 亚洲视频免费在线看 | 日本不卡视频免费的 | 四虎影院地址 | 天天视频国产精品 | 亚洲国产AV无码综合在线 | 爱情岛永久成人免费网站 | 日韩视频免费一区二区三区 | 国产小情侣自拍 |