ホームページ > ウェブフロントエンド > jsチュートリアル > ajaxFileUpload.js プラグインが複数のファイルのアップロードをサポートする方法_JavaScript スキル

ajaxFileUpload.js プラグインが複数のファイルのアップロードをサポートする方法_JavaScript スキル

WBOY
リリース: 2016-05-16 16:38:06
オリジナル
1316 人が閲覧しました

前提条件:

ajaxFileUpload.js プラグインの複数ファイルのアップロード

手順:

1. ソース コードを変更します (ソース コードは単一ファイルのアップロードのみをサポートします):

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

//変更前のコード------
//var oldElement = jQuery('#' fileElementId); //var newElement = jQuery(oldElement).clone(); //jQuery(oldElement).attr('id', fileId); //jQuery(oldElement).before(newElement); //jQuery(oldElement).appendTo(form); //変更前のコード------
//修正コード-------
for(fileElementId の変数 i){
var oldElement = jQuery('#' fileElementId[i]); var newElement = jQuery(oldElement).clone(); jQuery(oldElement).attr('id', fileId); jQuery(oldElement).before(newElement); jQuery(oldElement).appendTo(フォーム); }
//修正コード-------


2. 使用方法:




コードをコピー


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


$.ajaxFileUpload({
URL: "./upload/upload.action"、 secureuri : false、 //fileElementId:'uploadfile1',//本来の使用法 fileElementId: ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//現在の使用量 データタイプ: 'json'、 成功: 関数(データ) { ajaxLoadEnd(); if (data.result == "成功") {
$.messager.alert('メッセージ','インポート成功。','情報'); } else {
$('#import_right').dialog('open'); $.messager.alert('メッセージ','インポートに失敗しました。
エラー メッセージ:' data.message,'error'); }
}、
エラー: 関数(データ、ステータス、e)
{
ajaxLoadEnd(); $.messager.alert('メッセージ','インポートに失敗しました。
エラー メッセージ: ネットワーク例外またはフォーム データ エラー。','エラー'); }
});


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