1. js コード: コードをコピーします コードは次のとおりです <br>$(document).ready(function() { <br>$('#fileInput').uploadify( { <br>//次のパラメータはオプションです <br>'uploader' : '<%=basePath%>images/uploadify.swf', //アップロード コントロールのメイン ファイルを指定します。デフォルトは 'uploader .swf' <br> 'script' : '<%=basePath%>UploadServlet', //サーバー側のアップロード処理ファイルを指定します。デフォルトは 'upload.php' <br>'cancelImg' : '< ;%=basePath%>images/cancel .png', //アップロードされた画像をキャンセルするように指定します。デフォルトは 'cancel.png' <br>'buttonImg':'<%=basePath%>images/upload2 .jpg', <br>'auto' : true, //ファイルを選択した後に自動的にアップロードするかどうか、デフォルトは false <br>'folder' : '/userphoto' , //アップロード先のサーバーのパス、デフォルトは '/' です。 <br>'multi' : false, //複数のファイルを同時にアップロードできるかどうか、デフォルトは false <br>'fileDesc' : 'Picture file', //ファイルの種類の説明アップロード ダイアログ ボックスに表示されます。 <br>'fileExt' : '*.jpg;*.bmp;*.png ;*.gif', //このオプションを有効にする場合は、fileDesc も宣言する必要があります。 <br>'sizeLimit': 86400, //アップロードされたファイルのサイズをバイト単位で制御します <br>'onComplete': function(event,queueID,fileObj,response,data) { <br>$('#image'). attr("src","userphoto/" 応答); <br>$( '#image').show(); <br>$('#photo').attr(" value",response); <br>}, <br>'onError' : function(event, queueID, fileObj) <br>{ <br>alert("File: " fileObj.name " アップロードに失敗しました"); <br>} <br>}) <br>}); <br><br> </div> <br>2. > <strong>(1) ページに「BROWSE」ボタンが表示されない場合は、「uploader」:「<%=basePath%>images/uploadify.swf」の設定が間違っているかどうかを確認してください。は正しいです。 <font style="COLOR: #ff0000"> </font>(2) ボタン画像を変更する必要がある場合: 'buttonImg' 設定を使用して置き換えることができます </strong> (3) アップロードが完了した後、「onComplete」イベントはトリガーされません。バックグラウンド サーブレットが処理された後、ページに 1 を出力する必要があります。そうしないと、ページの onComplete コールバック関数は実行されません。応答.getWriter().write(1); <p>(4)。バックグラウンド サーブレットがアップロードを処理するときにイメージの名前が変更された場合、その値は fileObj を通じて取得できません。代わりに、新しいファイル名をバックグラウンド サーブレットによって出力する必要があります: out.print(filename)。 ); jsp ページ上で応答を使用して新しい値を取得します。 </p> <p>(5)、画像プレビューの実装: </p> <p>JSP ページに <img src=""></img> を追加し、アップロードが完了したら、onComplete イベントの img の src 値を変更します。 </p> <p></p> <p>3. ダウンロードアドレス</p> <p></p> <p>http://www.uploadify.com/download/<strong><font style="COLOR: #ff0000"></font></strong></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
