誰もが自分の仕事でファイルアップロード操作を使用することが多いと思います。私はフロントエンドに取り組んでいるので、主にフロントエンドでAjaxの操作を紹介します。たくさんのコードを省略しました。JSを取るだけです
$ .ajaxfileupload({url: 'www.coding/mobi/file/uploadsinglefile.html'、//プロセス画像スクリプトsecureuri:false、fileElementId: 'image2'、// fileコントロールID。 }、エラー:function(data、status、e){alert(e)})チュートリアルによると、この方法でアップロードしても問題はありませんが、常にエラーが報告されています。報告されたものを忘れました。申し訳ありませんが、この記事を長い間使用した後にこの記事を補うことを覚えていますが、ソースコードを変更する必要がある場合は、エラーを解決できます。
ソースコードの最後の段落は次のように見えます
uploadhttpdata:function(r、type){var data =!type; data = type == "xml" ||データ ? r.responsexml:r.responsetext; //タイプが「スクリプト」の場合、グローバルコンテキストでそれを評価します(type == "script")jquery.globaleval(data); // JSONが使用されている場合、JavaScriptオブジェクトを取得します。 if(type == "json")eval( "data =" + data); // html内のスクリプトを評価するif(type == "html")jquery( "<div>")。html(data).evalscripts(); // alert($( 'param'、data).each(function(){alert($(this).attr( 'value'));}));データを返す; }この段落をこれに変更します
uploadhttpdata:function(r、type){var data =!type; data = type == "xml" ||データ ? r.responsexml:r.responsetext; //タイプが「スクリプト」の場合、グローバルコンテキストでそれを評価します(type == "script")jquery.globaleval(data); // JSONが使用されている場合、JavaScriptオブジェクトを取得します。 if(type == "json"){// jsonデータは<pre>タグでラップされるため、問題があります。次のコードを追加します。//Hzy var reg = /<pre.+? var result = data.match(reg); result = regexp。$ 1; // end end end data = $ .parsejson(result); // eval( "data =" + data); // html内のスクリプトを評価} if(type == "html")jquery( "<div>")。html(data).evalscripts(); // alert($( 'param'、data).each(function(){alert($(this).attr( 'value'));}));データを返す; }これは正常に機能します。
別のケース: ajaxfileuploadはこのエラーjquery.handleerrorが関数ではないと報告しています
バージョン1.4.2の前のバージョンのみにハンドラーロールメソッドがあります。この例で使用されているjQueryは1.2です。解決:
ajaxfileuploadを使用して添付ファイルをアップロードするためには、プロジェクトのajaxfileupload.jsファイルに次のコードをコピーする必要がありました。
handerError:function(s、xhr、status、e){//ローカルコールバックが指定された場合、if(s.error){s.error.call(s.context || s、xhr、status、e); } //グローバルコールバックif(s.global){(s.context?jquery(s.context):jquery.event).trigger( "ajaxerror"、[xhr、s、e]); }}よりエキサイティングなコンテンツについては、学習用の特別なトピック「Ajaxアップロードテクノロジーの概要」、「JavaScriptファイルアップロード操作の概要」、「JQueryアップロード操作概要」を参照してください。
上記は、ajaxupload.jsのエラーを報告する問題の解決策です。困難を解決するのに役立つことを願っています。また、wulin.comでよりエキサイティングなコンテンツに注意を払い続けることを願っています。