欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能示例

 更新時(shí)間:2018年06月25日 15:09:28   作者:一個(gè)小小小碼農(nóng)  
這篇文章主要介紹了ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能,結(jié)合實(shí)例形式分析了基于jQuery $.ajax方法的文件異步上傳以及后臺(tái)java程序?qū)ξ募畔⒌淖x取與顯示相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能。分享給大家供大家參考,具體如下:

上傳文件的信息

<div class="form-group">
  <div class="col-sm-4">
  <label class="control-label">應(yīng)用文件</label>
</div>
<div class="col-sm-8">
  <input type="file" name="appFile" id="appFile">
  <input type="submit" value="確認(rèn)上傳" id="subm">
</div>

ajax提交

$("#subm").click(function(){
    var formData = new FormData();
    formData.append("appFile", document.getElementById("appFile").files[0]);
    alert("8888888888888888888888888");
    $.ajax({
      url: '${ctx}/appresources/fileUpload.shtml',
      type: "POST",
      data: formData,
      dataType: "json",
      contentType: false,
      processData: false,
      success: function (data) {
        alert("上傳成功");
        $("#versionCode").val(data.versionCode);
        $("#appVersion").val(data.appVersion);
        $("#appPackageName").val(data.appPackageName);
      },
      error: function () {
        alert("上傳失??!");
      }
    });
});

后臺(tái)處理:

@ResponseBody
@RequestMapping("fileUpload")
public JSONObject fileUpload(MultipartFile appFile,Model model,HttpServletRequest request,HttpServletResponse response) {
    ServletContext
//........................省略
    String infos=ApkUtil.getApkInfo(needPath+"source"+File.separator+"apk"+File.separator+fileName);
    String[] info=infos.split(",");
    String versionCode=info[0];//版本號(hào)
    String versionName=info[1];//版本名
    String packageName=info[2];//包名
    String appName=fileName;
    AppResourcesFormMap appResourcesFormMap = getFormMap(AppResourcesFormMap.class);
    appResourcesFormMap.put("appName",fileName);
    appResourcesFormMap.put("appVersion",versionName);
    appResourcesFormMap.put("appPackageName",packageName);
    appResourcesFormMap.put("versionCode", versionCode);
    System.out.println(appResourcesFormMap);
    //model.addAttribute("appresources", appResourcesFormMap);
    JSONObject fromObject = JSONObject.fromObject(appResourcesFormMap);
    //String string = fromObject.toString();
    return fromObject;
}

更多關(guān)于ajax相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結(jié)》、《JavaScript中ajax操作技巧總結(jié)》、《PHP+ajax技巧與應(yīng)用小結(jié)》及《asp.net ajax技巧總結(jié)專題

希望本文所述對(duì)大家ajax程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Ajax中通過(guò)JS代碼自動(dòng)獲取表單元素值的示例代碼

    Ajax中通過(guò)JS代碼自動(dòng)獲取表單元素值的示例代碼

    如果表單元素不多的情況我們常常會(huì)通過(guò)GET方式來(lái)獲取表單元素值,但如果表單元素非常多,此時(shí)就需要用POST方式來(lái)獲取表單元素值,那么如何來(lái)獲取表單元素值呢
    2014-09-09
  • ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)

    ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)

    今天被問(wèn)到用沒用過(guò)ajax axios,我回答經(jīng)常用axios,但ajax用的比較少,下面這篇文章主要給大家介紹了關(guān)于ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • Ajax異步加載解析

    Ajax異步加載解析

    這篇文章主要為大家詳細(xì)介紹了Ajax 異步加載,什么是Ajax 異步加載,如何實(shí)現(xiàn)Ajax 異步加載,感興趣的小伙伴們可以參考一下
    2016-08-08
  • ajax上傳多圖到php服務(wù)器的方法

    ajax上傳多圖到php服務(wù)器的方法

    這篇文章主要為大家詳細(xì)介紹了ajax上傳多圖到php服務(wù)器的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-05-05
  • Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng)

    Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng)

    這篇文章主要介紹了Ajax+php實(shí)現(xiàn)商品分類三級(jí)聯(lián)動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • Ajax 程序開發(fā)中常見問(wèn)題

    Ajax 程序開發(fā)中常見問(wèn)題

    Ajax 程序開發(fā)中常見問(wèn)題,利用大家快點(diǎn)的找到問(wèn)題所在,快速解決問(wèn)題。
    2009-08-08
  • ajax使用formdata上傳文件流

    ajax使用formdata上傳文件流

    這篇文章主要為大家詳細(xì)介紹了ajax使用formdata上傳文件流,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • ajax跨頁(yè)面提交表單

    ajax跨頁(yè)面提交表單

    這篇文章主要為大家詳細(xì)介紹了ajax跨頁(yè)面提交表單的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例

    Ajax異步傳輸與PHP實(shí)現(xiàn)交互示例

    Ajax異步傳輸想必大家并不陌生吧,下面為大家介紹下與PHP實(shí)現(xiàn)交互的示例,大家不要錯(cuò)過(guò)
    2014-01-01
  • Ajax使用異步對(duì)象發(fā)送請(qǐng)求方案詳解

    Ajax使用異步對(duì)象發(fā)送請(qǐng)求方案詳解

    Ajax的原理是通過(guò)XmlHttpRequest對(duì)象來(lái)向服務(wù)器發(fā)異步請(qǐng)求,從服務(wù)器獲得數(shù)據(jù),然后用JavaScript來(lái)操作DOM而更新頁(yè)面,這篇文章主要介紹了Ajax使用異步對(duì)象發(fā)送請(qǐng)求簡(jiǎn)介,需要的朋友可以參考下
    2024-04-04

最新評(píng)論