JQuery プラグイン ajaxfileupload.js 非同期ファイルのアップロード example_jquery

サーバー側でのファイル アップロード プロセス中に、Web サーバーのショートエンド アップロード コントロールを使用してファイルをアップロードすると、ページが 1 回更新されるため、ユーザー エクスペリエンスにはあまり優しくありません。 ajaxfileupload.js は、シンプルで使いやすい jQuery 非同期ファイル アップロード プラグインです。

前提条件: ajaxfileupload.js ファイル。Baidu からファイルをダウンロードするだけです。

JS リファレンス:

コードをコピー コードは次のとおりです:

<スクリプト src="/Content/Js/ajaxfileupload.js">

html コード:

コードをコピー コードは次のとおりです:

JS コード:

コードをコピー コードは次のとおりです:

function saveCInfo() {
var filename = document.getElementById("fileToUpload").value;
if (ファイル名 != "") {
$.ajaxFileUpload({
URL: '../Order/OrderExec.ashx?oprMode=fileUpload' "&filename=" ファイル名 "&billno=" billno "&companyname=" 会社名,
secureuri: false、
fileElementId: 'fileToUpload',//アップロード コントロール ID
//dataType: 'json',
エラー: function () {alert('error') },
成功: function (datax) {
If (datax != "") {
msgShow('システムプロンプト', 'アップロード成功!', '情報');
} else {
msgShow('システムプロンプト', 'アップロード失敗!', '情報');
} }
});
} else {
$ .Messager.alert ('プロンプト', 'アップロード ファイルを選択してください', '情報'); }
}

バックエンドコード:

コードをコピー コードは次のとおりです:

public void FileUpload(HttpContext context)
{
試してみましょう
{
context.Response.ContentType = "text/html";
string companyname = context.Request.Params["companyname"];
文字列 billno = context.Request.Params["billno"];
string filename = context.Request.Params["filename"];
string name = companyname "_" billno "_" filename;
HttpFileCollection ファイル = HttpContext.Current.Request.Files;
//アップロードしたファイルのサーバー上の保存パスを指定
string savePath = context.Server.MapPath("~/upload/");
//この物理パスがサーバー上に存在するかどうかを確認し、存在しない場合は作成します
If (!System.IO.Directory.Exists(savePath))
{
System.IO.Directory.CreateDirectory(savePath);
}
savePath = savePath 名;//アップロード ファイル パス
files[0].SaveAs(savePath);// ファイルを保存します
context.Response.Write(savePath);
}
catch (例外例)
{
context.Response.Write("FileUpload: " ex.Message);
}

}