Heim >Web-Frontend >js-Tutorial >Über die Wirkung von jquery ajaxfileuplod beim Hochladen von Dateien essyui laoding

Über die Wirkung von jquery ajaxfileuplod beim Hochladen von Dateien essyui laoding

不言
不言Original
2018-07-02 14:15:371855Durchsuche

Dieser Artikel stellt hauptsächlich die Wirkung des Hochladens von Dateien mit jquery ajaxfileuplod vor. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen >

Importkontrolle

//放于上传前
function ajaxLoading(){  
  $("<p class=\"datagrid-mask\"></p>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");  
  $("<p class=\"datagrid-mask-msg\"></p>").html("正在上传,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2});  
 }  

//放于状态返回后
 function ajaxLoadEnd(){  
   $(".datagrid-mask").remove();  
   $(".datagrid-mask-msg").remove();        
}

function import(){
  ajaxLoading();
  $.ajaxFileUpload({
    url:&#39;import.do&#39;,
    fileElementId:&#39;importFile&#39;,
    type:&#39;post&#39;,
    dataType : &#39;json&#39;,
    secureuri : false,
    success:function(data){
      ajaxLoadEnd();
      if(data&&data.code=="200"){
        $.messager.show({
          title:&#39;提示&#39;,
          msg:&#39;用户导入成功!&#39;,
          timeout:5000,
          showType:&#39;slide&#39;
        });
      }
      $(&#39;#table).datagrid(&#39;reload&#39;);
      return;
    },
    error: function(data, status, e) { //提交失败自动执行的处理函数。
      ajaxLoadEnd();
      if(data&&data.message){
        $.messager.alert("警告",data.message);
      }else{
        $.messager.alert("警告","导入失败,请联系相关人员");
      }
    }
  });
}

Der Effekt besteht darin, einmal zum Hochladen zu klicken, und erst nach Abschluss des Upload-Vorgangs können Sie die Schnittstelle bedienen

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Implementierung der globalen Überprüfung unter BootstrapValidator basierend auf jQuery

jsonp domänenübergreifende Anforderungsdaten zur Implementierung von Mobilgeräten Methode zur Telefonnummernabfrage


Das obige ist der detaillierte Inhalt vonÜber die Wirkung von jquery ajaxfileuplod beim Hochladen von Dateien essyui laoding. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn