真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

WebUploader客戶端如何批量上傳圖片-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“WebUploader客戶端如何批量上傳圖片”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“WebUploader客戶端如何批量上傳圖片”這篇文章吧。

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營銷網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)福海,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

具體內(nèi)容如下

因?yàn)樽罱鞴茏層脀ebUploader寫客戶端，但是在網(wǎng)上找了很多，能夠復(fù)制就能用的并沒有幾個(gè)，但是經(jīng)過修改后還可以，為了后面的人在需要使用到的時(shí)候可以直接copy我再此將代碼和注釋共享在這里。

這里是前臺代碼，這里我不過是加了個(gè)注釋和修改了一點(diǎn)東西，這是網(wǎng)絡(luò)上某個(gè)大神的代碼我借鑒一下。

這個(gè)webUploader 使用其實(shí)很簡單，我先簡單做一個(gè)描述。理解就很快了。

先準(zhǔn)備好選擇文件的元素吧，還有顯示縮略圖的元素，當(dāng)然還有手動(dòng)才需要的一個(gè)提交按鈕。

第一步：js中是先創(chuàng)建一個(gè)webUploaer的對象，創(chuàng)建的時(shí)候?qū)ο笥性S多參數(shù)，你參數(shù)的選擇決定了你啟動(dòng)哪些功能。

第二步：loader對象有很多的事件，你可以通過為loader綁定不同的事件，就可以監(jiān)聽到不同的動(dòng)作了，從而對它進(jìn)行相應(yīng)的操作。

第三步：就是使用該對象的upload()方法進(jìn)行手動(dòng)的上傳啦！

至于我剛剛說的很多參數(shù)和很多事件。
我會(huì)附上一個(gè)webUploaderAPI的地址，上面寫的非常詳細(xì)，閱讀量也不大。



 圖片上傳

選擇文件

然后這里是后臺我使用spring封裝方法寫的接收數(shù)據(jù)，這些代碼復(fù)制就可以使用了，對了這是一個(gè)接收多文件的方法，上面的客戶端代碼也支持多圖片上傳。其實(shí)圖片和文件差別不大不過是將客戶端的文件限制去掉，當(dāng)然縮略圖也可以丟掉，那就是文件上傳啦。具體還是看客戶端的webuploaderAPI。

@RequestMapping("uploader")
  public void upload(HttpServletRequest request,HttpServletResponse response){

  System.out.println("收到圖片!");
   MultipartHttpServletRequest Murequest = (MultipartHttpServletRequest)request;
   Map files = Murequest.getFileMap();//得到文件map對象
   String upaloadUrl = request.getSession().getServletContext().getRealPath("/")+"upload/";//得到當(dāng)前工程路徑拼接上文件名
   File dir = new File(upaloadUrl);
   System.out.println(upaloadUrl);
   if(!dir.exists())//目錄不存在則創(chuàng)建
    dir.mkdirs();
   for(MultipartFile file :files.values()){
    counter++;
    fileName=file.getOriginalFilename();
    tagetFile = new File(upaloadUrl+fileName);//創(chuàng)建文件對象
    if(!tagetFile.exists()){//文件名不存在 則新建文件，并將文件復(fù)制到新建文件中
     try {
      tagetFile.createNewFile();
     } catch (IOException e) {
      e.printStackTrace();
     }
     try {
      file.transferTo(tagetFile);
     } catch (IllegalStateException e) {
      e.printStackTrace();
     } catch (IOException e) {
      e.printStackTrace();
     }

    }
   }
 System.out.println("接收完畢");
}

以上是“WebUploader客戶端如何批量上傳圖片”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：WebUploader客戶端如何批量上傳圖片-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/jhcip.html