ディレクトリ構造は次のとおりです: アップロードされた画像はファイルフォルダーに保存されます。 Index.html コードは次のとおりです: <br>.demo{width:620px ; margin:30px auto}<br>.demo p{line-height:32px}<br>.btn{position:relative;overflow:hidden;margin-right:4px;display:inline-block;*display:inline;padding:4px 10px 4px ;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border: 1 ピクセルの実線 #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} <br>.btn input {位置: 絶対;トップ: 0;右: 0;マージン: 0;ボーダー: ソリッド透明;不透明度: 0;フィルター: アルファ(不透明度=0);カーソル: ポインタ;}<br>.progress {位置:相対;マージン左:100ピクセル;マージントップ:-24px;幅:200ピクセル;パディング:1ピクセル;境界半径:3px;表示:なし}<br>.bar {背景色: 緑;表示ブロック;幅:0%;高さ:20ピクセル;境界半径: 3px; }<br>.percent {位置:絶対;高さ:20ピクセル;表示:インラインブロック;上:3ピクセル;左:2%; color:#fff }<br>.files{高さ:22px;行の高さ:22px; margin:10px 0}<br>.delimg{margin-left:20px;色:#090;カーソル:ポインタ}<br>-->< ;スパンクラス="デモ"> 上传 <br>$(function () {<br> var bar = $('.bar');<br> var パーセント= $('.percent');<br> var showimg = $('#showimg');<br> var progress = $(".progress");<br> var files = $(".files");<br> var btn = $ (".btn span");<br> $("p").wrap("<form id='myupload' action='action.php' method='post' enctype='multipart/form-data'> </form>");<br> $("#fileupload").change(function(){<br> $("#myupload").ajaxSubmit({<br> dataType: 'json',<br> beforeSend: function() {<br> showimg.empty();<br> progress.show();<br> varpercentVal = '0%';<br> bar.width(percentVal);<br> percent.html(パーセントVal);<br> btn.html("上传中..." );<br> },<br> uploadProgress: function(event,position, total,percentComplete) {<br> varpercentVal =percentComplete + '%';<br> bar.width(percentVal);<br> percent.html(percentVal);<br> },<br> 成功: function(data) {<br> files.html("<b>"+data.name+"("+data.size+"k)</b> <span class='delimg' rel='"+data.pic+"'>删除</span>");<br> var img = "http://demo.helloweba.com/upload/files/"+ data.pic;<br> showimg.html("<img src='"+img+"'>");<br> btn.html("追加付属品");<br> },<br>error:function(xhr){<br> btn.html("アップロードに失敗しました"); bar.width('0') <br> });<br> }); (".delimg").live('クリック',function() {<br>var pic = $(this).attr( "rel");<br>$ .post( "action.php?act = delimg"、{imagename:pic}、function(msg){<br><br><br>(msg) ;<br> <br> <br> <br> <br> jquery.form.js コードは次のとおりです: <br> リーリー <br> <br> <br> <br><br><br>http://www.bkjia.com/PHPjc/440307.html<br><br>www.bkjia.com<br></p>true<p></p>http://www.bkjia.com/PHPjc/440307.html<p></p>技術記事<p></p>ディレクトリ構造は次のとおりです。 files フォルダーには、アップロードされた画像が保存されます。 Index.html コードは次のとおりです: !DOCTYPE HTML html head meta charset="utf-8" style type="text/css" .demo{width:62...<p align="left"></p> <div style="display:none;"> <span id="url" itemprop="url"> </span><span id="indexUrl" itemprop="indexUrl"></span> </div>