背景をアップロードするファイル転送MultipartFileのためのAjax +ボタン+隠しファイルを使用した受信アップロードファイル

ほとんどの最も基本的なアップロードが通常のアップロードについてのレビューを書くために、ここで、忘れて、今一般的にアップロードするためのフレームワークを使用してアップロード

ayui.use（ 'アップロード'、関数（）{

$ = layui.jqueryました

、アップロード= layui.upload。

// //通常のファイルアップロード

たuploadInst = upload.render（{

elemは： '#uploadsubsop'

、複数：真

、URL： '/ uploadword / uploadwordsop'

、受け入れ：「ファイルを」

、前：関数（OBJ）{

これは非常に一般的であった。このアップロードアップロードファイルのテンプレートが付属していますフロントエンドのフレームワークです

簡単なアップロードの究極

これは、フロントエンドであります

<％は、ページの言語@ = "javaの" contentTypeの= "text / htmlの;のcharset = UTF-8"
pageEncodingは= "UTF-8" ％>
<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字コード= "UTF-8 「>
<タイトル>ファイル文件操作测试</ TITLE>
</ HEAD>
<BODY>

<ボタンタイプ= "ボタン" ID = "gofile">上传文件</ボタン>

</ BODY>

<スクリプトSRC = "https://libs.baidu.com/jquery/1.8.3/jquery.min.js"> </ SCRIPT>
ます。<script type = "text / javascriptの">

//提交后台
$（ "＃のgofile"）上（ "クリック"、機能（）{。
$（ "＃1 FILE1"））（クリックしてください;
}）;
。$（ "＃1 FILE1"）上の（ "変更"、機能（）{
VAR FORMDATA =新しいいるFormData（）;
formData.append（ "ファイル"、$（ "＃1 FILE1"）[0] .files [0]） ;
$アヤックス（{
タイプ： 'POST'、
URL： "/テスト/メイン/ uploadfile"、
データ：FORMDATA、
contentTypeの値：false、
PROCESSDATA：偽、
//データ型： "JSON"、
MIMEタイプ：「マルチパート/フォーム-データ」、
成功：機能（データ）{
場合（データ== "真"）{
警告（ "保存成功！"）;
}他{
警告（ "失败保存"！）;
}
}
}）;
}）;

</ SCRIPT>

</ HTML>

バックエンド

/ **
*上传
* @return
* /
@RequestMapping（値= "/ uploadfile"、メソッド= RequestMethod.POST）
@ResponseBody
uploadfileパブリック文字列（@RequestParam（ "ファイル"）MultipartFileファイル）IOExceptionが{スロー

setFile（ファイル）を返します？== true "の真の"： "偽"。
}
パブリックブールsetFile（MultipartFile multipartFile）はIOExceptionが{スロー
ブールファイルタイプ= FALSEと、
{しようと
文字列packingId = "9527";
文字列名=「」;
（もし！multipartFile = NULL）{
名前= multipartFile.getOriginalFilename（）; //直接返回文件的名字
文字列subffix = name.substring（ "" name.lastIndexOf（）+ 1、name.length（））; //我这里取得文件后缀
ストリングNAME1 = name.substring（0、
文字列filename = packingId +てgetDateFormatを（新しい日付（）は、 "YYYYMMDDHHMMSS"）; //ファイルを保存するには、私は彼が名前を変更与えた、入って来た
文字列のファイルパスを= "D：\\ファイル\\" + packingId;
ファイルファイル=新しい新しいファイル（ファイルパス）;
IF）{//ディレクトリを作成します（File.Exists（）に存在しません！
file.mkdirs（）;
}
//このメソッドを追加することができ
multipartFile.transferTo（新しいファイル（ファイル+ " \\" + fileNameに+ + subffix）） "" ; // ファイル保存
}
trueに=ファイルタイプを;
}キャッチ（例外E）{
System.out.printlnは（E）;
;ファイルタイプ= falseに
戻りファイルタイプ;
}
戻りファイルタイプ;
}
/ **
*日付形式
*
* @param日付
* @paramフォーマットタイプ
* @return
* /
公共の静的な文字列てgetDateFormat（日付、文字列formatStr）{
場合{（StringUtils.isEmpty（formatStr）！）
新しいてSimpleDateFormat（formatStr）.format（日付）を返します。
}
はnullを返します。
}

それを取得する - もちろん、これはダウンロードでの環境状況に基づいています

<！ -これは、アップロードを追加することができます- >
<豆上記ID = "MultipartResolver"クラス= "org.springframework.web.multipart.commons.CommonsMultipartResolver" />

<！ -实现上传需要的jarファイル- >
<依存>
<groupIdを>コモンズ-IO </ groupIdを>
<たartifactId>コモンズ-IO </たartifactId>
<バージョン> 2.5 </ version>の
</依存関係>
<依存>
<groupIdを>コモンズ-ファイルアップロード</ groupIdを>
<たartifactId>コモンズ-ファイルアップロード</たartifactId>
<バージョン> 1.3.2 </バージョン>

</依存関係>

背景をアップロードするファイル転送MultipartFileのためのAjax +ボタン+隠しファイルを使用した受信アップロードファイル

おすすめ