spring mvcファイルアップロード+ローカルプレビュー+一回提出

3021 ワード

JavaScript apache スプリング mvc bean

参考:http://club.jledu.gov.cn/?uid-5282-actionn-view space-intemid-188672

アップロード機能を追加して、元のデータやオブジェクトの取得に影響を与えません。
1.spring mvcのプロファイルを修正しました。私のはwebmvc-config.xmlです。加入する

<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  <!--                  -->
  <property name="maxUploadSize" value="1000000" />
 </bean>

2.2つの依頼のjarパケットを追加する（spring公式サイトは対応バージョンの常用依存jarパッケージにダウンロードできます）：
comple.spring source.org.apache.com mmons.io-1.4.0.jar comple.springsource.org.apache.com mmons.fileuplad-1.2.jar
3.ページの値。フォームのfileのnameは「file」です。

formには他のテキストボックス、単一選択ボックス、プルダウンボックスなどを書いてもいいです。バックグラウンドは同時に取得できます。
4.バックグラウンドのController層のuplad方法におけるHttpServletRequest requestをDefault Multiipot HttpServlet requestに変更しました。
完全なバックグラウンドコード

@RequestMapping(value="/upload")
    public String update(DefaultMultipartHttpServletRequest request){
      CommonsMultipartFile file = (CommonsMultipartFile) request.getFile("file"); 
      //   file       name
        if(file.isEmpty()){
            return null;
        }
        //    ，         ,      upload   
 。
        String fileName = request.getRealPath("upload")+File.separator+System.currentTimeMillis()+file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));
        File uploadFile = new File(fileName);
        try {
            //  
            FileCopyUtils.copy(file.getBytes(), uploadFile);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
 }

5.ページにプレビューを追加する
ページの詳細コードにローカルプレビューを追加します。

<script type="text/javascript">
   function changePicUrl(){
		var dFile = document.getElementById('file');
		var dImg = document.getElementById('pic');
 		if(dFile.files){
  			dImg.src = dFile.files[0].getAsDataURL();//    ？？
 			}else 
 			if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){
  				dImg.src = dFile.value;
 			}
		}
  </script>
   <form action="head/upload.html" method="post" enctype="multipart/form-data">
  	    <input name="file" type="file" onchange="changePicUrl()">
    <img name="pic" id="pic" alt="" src="">
   	<input type="submit">
   </form>

このローカル表示のコードはまだよく分かりません。どうしてie 9をサポートしないですか？
アップロードしました

androidメモリリーク--ローディングネットワーク画像--android 127265-byte external allocation too large for this process.