ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery プラグイン ajaxfileupload.js 非同期ファイルのアップロード example_jquery

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

WBOY
リリース: 2016-05-16 15:58:27
オリジナル
1160 人が閲覧しました

サーバー側でのファイル アップロード プロセス中に、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);
}

}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート