ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery アップロード プラグイン Uploadify v3.1 説明_jquery

Jquery アップロード プラグイン Uploadify v3.1 説明_jquery

WBOY
リリース: 2016-05-16 17:52:46
オリジナル
1380 人が閲覧しました

公式アドレス: http://www.uploadify.com/

スクリプト ハウスが提供するダウンロード アドレス: http://www.jb51.net/jiaoben/21484。

公式英語ドキュメント: http://www.uploadify.com/documentation/

使い方(.net版):

フロントエンド JS

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

$("#id ").uploadify({
高さ: 30,
swf: '/uploadify/uploadify.swf',
アップローダー: '/Handler/uploadPic.ashx',
幅: 120,
cancelImg: '/uploadify/uploadify-cancel.png'、
buttonText: '画像を選択'、
fileTypeExts: '*.gif;*.jpg;*.jpeg;*.png'、
'fileSizeLimit' : '6000KB'、
removeCompleted: false、
'formData': {
"id":"1"
}、
onUploadSuccess: 関数 (ファイル、データ、応答) ) {/ /アップロードが完了したときにトリガーされます (ファイルごとに 1 回トリガーされます)
if (data.indexOf('エラー プロンプト') > -1) {
alert(data); 🎜>else {
//$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000);
alert("アップロード成功!" );
}
},
'onUploadError': function (file, errorCode, errorMsg, errorString) {//単一ファイルのアップロード エラーが発生したときにトリガーされます。
alert('File: ' file.名前 ' アップロードに失敗しました: ' errorString);


ASHX ファイル:


コードをコピーします コードは次のとおりです。 protected stringAllowExt = "7z|aiff|asf|avi|bmp|csv|doc|docx|fla|flv|gif|gz|gzip| jpeg|jpg|mid|mov|mp3 |mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pptx|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd| swf|sxc|sxw|tar|tgz |tif|tiff|txt|vsd|wav|wma|wmv|xls|xlsx|xml|zip";//サポートされるファイル形式
int FileMaxSize = 10240;//ファイルサイズ、単位は Kpublicvoid ProcessRequest(HttpContext context )
{
context.Response.ContentType = "text/plain";
string ParentID = context.Request.Params["id"];
HttpPostedFile fileUpload = context.Request.Files[0 ];
if (fileUpload != null)
{
try
{
string UploadDir = "~/upload/";//画像が保存されます
//画像の保存フォルダー パス
string path = context.Server.MapPath(UploadDir);
//毎日アップロードされる画像のフォルダー
string directory = DateTime.Now. ToString("yyyyMM");
// フォルダーが存在しない場合は作成します
if (!Directory.Exists(パス フォルダー))
{
Directory.CreateDirectory(パス フォルダー);
}
// アップロードした画像の拡張子
string fileExtension = fileUpload.FileName.Substring(fileUpload.FileName.LastIndexOf('.'))
//ファイル形式を判定
if (!CheckValidExt(fileExtension))
{
context.Response.Write("エラー メッセージ: ファイル形式が正しくありません。 " fileExtension);
return;
}
//ファイル サイズを決定します
if (fileUpload.C​​ontentLength > FileMaxSize * 1024)
{
context.Response.Write("Errorヒント: アップロードされたファイル (" fileUpload.FileName ") が最大制限を超えています: " FileMaxSize "KB");
return;
}
//保存された画像のファイル名
// string saveName = Guid.NewGuid().ToString() fileExtension;
//ランダムな時刻番号を使用してファイルの名前を変更します
string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff");//時刻文字列を取得します
Random ran = new Random();
string strRan = Convert.ToString(ran.Next(100, 999));//3 桁の乱数を生成します
string saveName = strDateTime strRan fileExtension; 🎜>Model.Album uc = new Model.Album();
uc.Title = fileUpload.FileName;
uc.PostTime = DateTime.Now; 🎜>uc.Pid = int.Parse(id);
bll.Album = new bll.add(uc);
//画像を保存します
.SaveAs(パス フォルダー " /" saveName);
context.Response.Write(UploadDir フォルダー "/" saveName);
catch
{
context.Response.Write("エラー メッセージ: アップロードに失敗しました" );
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
#region 拡張子の有効性を確認する bool CheckValidExt(string sExt)
///
/// 拡張子の有効性を確認する
///
/ // ファイル名拡張子
/// 拡張子が有効な場合は true を返し、それ以外の場合は false を返します。 /returns>
public bool CheckValidExt(string strExt)
{
bool flag = false;
string[] arrExt =AllowExt.Split('|'); arrExt)
{
if (filetype.ToLower() == strExt.ToLower().Replace(".", ""))
{
flag = true;
}
}
リターンフラグ;
}
#endregion


パラメータの説明:
参考 http://www.jb51.net/article/30598.htm
3.1 バージョン更新: PostData が削除され、formData に変更されます。 Jsonデータ。 その他の変更は調査中です。
ファイルをアップロードしてサムネイルを生成し、Web ページに表示します。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート