Ajaxを使用したファイルの一括アップロードとダウンロードを実装する方法

今回は、Ajaxでファイルの一括アップロードとダウンロードを実装する方法を説明します。Ajaxでファイルの一括アップロードとダウンロードを実装するための注意事項は何ですか?実際のケースを見てみましょう。

今日はファイルのアップロードとダウンロードをしましたが、簡単にまとめると、基本的な Web プロジェクトの確立と SpringMVC フレームワークの構築についてはここでは詳しく書きません。

アップロードフォーム:

          

Ajaxのアップロード:

<script>
/*
 * 上传文件
 */
function upload(){
  var formData = new FormData($( "#uploadfiles" )[0]);
   $.ajax({
      type: "post",
      url: "./path/upload",
      dataType: "json",
      data: formData,
      /**  
       *必须false才会自动加上正确的Content-Type  
       */ 
      contentType : false, 
      /**  
       * 必须false才会避开jQuery对 formdata 的默认处理  
       * XMLHttpRequest会对 formdata 进行正确的处理  
       */ 
      processData : false,
      success: function(data){//从后端返回数据进行处理
       if(data){
         alert("上传成功！");
       }else{
         alert("上传失败！");
       }
      },
      error: function(err) {//提交出错
        $("#msg").html(JSON.stringify(err));//打出响应信息
        alert("服务器无响应");
       }
     });
}
</script>

spring.xml設定プラス:

<!-- 配置文件上传 -->
  <bean>
    <!-- 默认编码 -->
    <property></property>
    <!-- 文件大小最大值 -->
    <property></property>
    <!-- 内存中的最大值 -->
    <property></property>
  </bean>
controller：
/*
   * 上传多个文件
   */
  @RequestMapping(value = "/upload", produces = "application/json;charset=UTF-8")
  public @ResponseBody
  boolean uploadFiles(@RequestParam("file_upload") MultipartFile [] files) {
    boolean result = false;
    String realPath;
    for(int i=0;i<files.length> ダウンロードされたJSPページのコードは、さまざまなニーズに応じて自分で設計されています。コントローラーコードは次のとおりです: <p style="text-align: left;"> </p>
<pre class="brush:php;toolbar:false">/*
   * 下载多个文件
   */
  @RequestMapping(value = "/download")
  public void downloadFiles(HttpServletResponse response) {
    String str= request.getParameter("rows");//下载文件信息，包括文件名、存储路径等
    JSONArray path=(JSONArray) JSONArray.parse(request.getParameter("rows"));
    Path paths[]=new Path[path.size()];
    paths = JSONArray.parseArray(str, Path.class).toArray(paths);
    String uri = "d:"+ File.separator + "mldn.zip";//临时文件存储路径
    File zipFile = new File(uri) ;  // 定义压缩文件名称 
    ZipOutputStream zipOut = null;// 声明压缩流对象 
    InputStream input = null;
    //将要压缩的文件加入到压缩输出流中
    try {
      zipOut = new ZipOutputStream(new FileOutputStream(zipFile));
    } catch (FileNotFoundException e) {
      e.printStackTrace();
    }
    for(int i = 0;i<paths.length> 複数のファイルを 1 つの圧縮パッケージにダウンロードし、生成された一時圧縮ファイルを削除します。 <p style="text-align: left;"></p> Ajax を使用してダウンロード ページでリクエストを送信する場合は、次の点に注意してください: ajax 関数の戻り値の型は、xml、text、json、html およびその他の型のみであり、「stream」型はありません。 ajax ダウンロードを実装したいのですが、対応する <p style="text-align: left;">ファイル ダウンロード <a href="http://www.php.cn/code/12666.html" target="_blank"> 機能は使用できません。ただし、js を使用してフォームを生成し、このフォームを使用してパラメーターを送信し、「ストリーム」タイプのデータを返すことができます。 </a></p>例: <p style="text-align: left;"></p><pre class="brush:php;toolbar:false">function download(){
    var form=$("

");//定义一个form表单     form.attr("style","display:none");     form.attr("target","");     form.attr("method","post");     form.attr("action","./path/download");//请求url     var input1=$("");     input1.attr("type","hidden");     input1.attr("name","rows");//设置属性的名字     input1.attr("value",“test”);//设置属性的值     $("body").append(form);//将表单放置在web中     form.append(input1);     form.submit();//表单提交                      }

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Ajax + サーブレットによる非リフレッシュドロップダウンリンクの実装 (コード付き)

Ajax を使用してユーザー名が重複しているかどうかを非同期的にチェックする方法

以上がAjaxを使用したファイルの一括アップロードとダウンロードを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。