Jquery ajaxsubmit アップロード画像の実装 code_jquery

また、統一されたアップロード機能も確立されていません。そこでコードが修正されました。私は、ajax を使用して画像を非同期にアップロードすることを考えました。このテクノロジーは非常に時代遅れであるはずです。そこで私は強力な cnblog を直接開き、この記事を簡単に見つけました。例に倣い、著者の努力の成果を直接「使用」しました。コード全体がすぐに変換されました。しかし、プログラムをサーバーに公開したときに問題が発生しました。ファイルのアップロードに失敗しました。汗～それはすべて怠惰の結果です。引き続き、前に参照した記事を開きます。作者はローカルでのみ使用でき、サーバーに公開することはできないと説明していたことがわかりました。 iframe http postという憂鬱な方法をまだ使わなければならないのだろうか？ ?

そこで私は、より強力な Google を開く気はなく、解決策を探して世界中を探し始めました。ついに、その苦労が報われました。 「jquery.form.js」が見つかりました。

画像を非同期でアップロードする手順は次のとおりです。

1. jquery js フレームワークを参照し (この利点については説明する必要はありません)、「jquery.form.js」を参照します。
2. 汎用ハンドラーashxを作成します。
コア コードは次のとおりです。
html:

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

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

namespace TestMvc.Utility { /// /// PicUploadHander の概要説明 /// public class PicUploadHandler : IHttpHandler {

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
//アップロード許可を確認します TODO
string _fileNamePath = ""
try
{
_fileNamePath = context .Request.Files[0].FileName;
//アップロード開始
string _savedFileResult = UpLoadImage(_fileNamePath, context);
context.Response.Write(_savedFileResult) );
}
catch
{
context.Response.Write("アップロード送信エラー");
}
}


アップロード全体では、Ajax 非同期データと、アップロードが成功した後のサーバー上の画像の相対パスを jquery コールバックで使用します。一般に、この方法は写真をアップロードする従来の方法よりも優れています。
この例のコードをここからダウンロードすると、FireFox でのテストに合格しました。
http://xiazai.jb51.net/201011/yuanma/AjaxUploadPic.rar