Explication détaillée des étapes pour implémenter le téléchargement de fichiers avec Jquery+LigerUI

Cette fois, je vais vous apporter une explication détaillée des étapes pour implémenter le téléchargement de fichiers avec Jquery+LigerUI Quelles sont les précautions pour implémenter le téléchargement de fichiers avec Jquery+LigerUI Ici. sont les cas pratiques. Jetons un coup d'oeil une fois.

Cet article analyse et présente la méthode de LigerUI dans Jquery pour implémenter le téléchargement de fichiers. Les amis qui en ont besoin peuvent s'y référer

1. >

<script src="../lib/js/ajaxfileupload.js" type="text/
javascript
"></script>
    <script src="../lib/js/ligerui.expand.js" type="text/javascript"></script>

2. p code en Html

<p id="AppendBill_p" style="
display
:none;">    <%-- 上传 - 单 --%>
          <table style="height:100%;width:100%">
                <tr style="height:40px">
                    <td style="width:20%">
                        图标:
                    </td>
                    <td><input type="file"  style="width:200px" id="fileupload" name="fileupload"/>
                    </td>
                </tr>
          </table>
     </p>

3. Js - écrivez la partie clé, connaissez les amis de LigerUI - vous savez
1. Ajouter des éléments à la grille [enregistrer le champ d'adresse]

 { display: "扫描件", name: "AppendBillPath", width: 120, type: "text", align: "left" }

2. Le formulaire peut ajouter des éléments [enregistrer l'adresse et la boîte de sélection contextuelle] 】

  

 

{ name: "AppendBillPath1", type: "hidden" }, // --上传-【5】--
          { display: "扫描件", name: "AppendBillPath", comboboxName: "AppendBillPath2", newline: true, labelWidth: 100, width: 150, space: 30, type: "select", options: {}} // --上传-【6】--
          $.ligerui.get("AppendBillPath2").set('onBeforeOpen', f_selectAppendBillPath_1)  // 【扫描件】 // --上传-【7】--

3. Événements

 

  // #region ======================================= 【上传扫描件窗口】  // --上传-【8】--

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article, veuillez faire attention à des choses plus excitantes. Autres articles connexes sur le site Web chinois de php !

  var AppendBillPathDetail = null;
      function f_selectAppendBillPath_1() {
          var imageurl = $("#AppendBill").val();
          var AppendBill_Id = $("#AppendBill").val();  // 单号
          if (imageurl.length == 0) {
              LG.showError("您没有输入单号，请输入随单号！");
              return;
          }
          if (AppendBillPathDetail) {
              AppendBillPathDetail.show();
          }
          else {
              AppendBillPathDetail = $.ligerDialog.open({
                  target: $("#AppendBill_p"), title: '添加图标',
                  width: 360, height: 170, top: 170, left: 280,  // 弹出窗口大小
                  buttons: [
                      { text: '上传', 
onclick
: function () { AppendBillPath_save(); } },
                      { text: '取消', onclick: function () { AppendBillPathDetail.hide(); } }
                      ]
              });
          }
      }
      function AppendBillPath_save() 
      {
           var imgurl = $("#fileupload").val();
           // var filehelpcode = $("#filehelpcode").val();
          var extend = imgurl.substring(imgurl.lastIndexOf("."), imgurl.length);
          extend = extend.toLowerCase();
          if (extend == ".jpg" || extend == ".jpeg" || extend == ".png" || extend == ".gif" || extend == ".bmp") 
          {
          }
          else 
          {
              LG.showError("请上传jpg,jpep,png,gif,bmp格式的图片文件");
              return;
          }
          var imageurl = $("#AppendBill").val();  // extend
          alert(imageurl);
          $.ajaxFileUpload({
              url: "../handle/ImageUpload.aspx?imageurl=" + imageurl, // --上传-【9】-- aspx文件
              secureuri: false,
              fileElementId: "fileupload", //Input file id
              dataType: "text",
              success: function (data, status) 
              {
                  // ----------------- // 保存路径
                 // $("#AppendBillPath2").val(Data);
                  LG.tip(data);
                  f_reload();
              },
              error: function (data, status, e) {
                  LG.showError(data);
              }
          });
      }
      // #endregion

Lecture recommandée :

Comment jQuery lit le contenu du fichier XML

Téléchargement du fichier d'implémentation JQuery+AJAX

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!