可以批量进行添加上传，简单方便
jQuery.extend({
createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; var iframeHtml = ' if(window.ActiveXObject)<br /> {<br /> if(typeof uri== 'boolean'){<br /> iframeHtml += ' src="' + 'javascript:false' + '"';<br /> </p> <p> }<br /> else if(typeof uri== 'string'){<br /> iframeHtml += ' src="' + uri + '"';<br /> </p> <p> } <br /> }<br /> iframeHtml += ' />';<br /> jQuery(iframeHtml).appendTo(document.body);<br /> </p> <p> return jQuery('#' + frameId).get(0); <br /> },<br /> createUploadForm: function(id, fileElementId, data)<br /> {<br /> //create form <br /> var formId = 'jUploadForm' + id;<br /> var fileId = 'jUploadFile' + id;<br /> var form = jQuery('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>'); <br /> if(data)<br /> {<br /> for(var i in data)<br /> {<br /> jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);<br /> } <br /> } <br /> var oldElement = jQuery('#' + fileElementId);<br /> var newElement = jQuery(oldElement).clone();<br /> jQuery(oldElement).attr('id', fileId);<br /> jQuery(oldElement).before(newElement);<br /> jQuery(oldElement).appendTo(form);<br /> </p> <p> </p> <p> <br /> //set attributes<br /> jQuery(form).css('position', 'absolute');<br /> jQuery(form).css('top', '-1200px');<br /> jQuery(form).css('left', '-1200px');<br /> jQuery(form).appendTo('body'); <br /> return form;<br /> },<br /> </p> <p> ajaxFileUpload: function(s) {<br /> // TODO introduce global settings, allowing the client to modify them for all <a href="/tags.php/request/" target="_blank">request</a>s, not only timeout <br /> s = jQuery.extend({}, jQuery.ajaxSettings, s);<br /> var id = new Date().getTime() <br /> var form = jQuery.createUploadForm(id, s.fileElementId, (typeof(s.data)=='<a href="/tags.php/undefined/" target="_blank">undefined</a>'?false:s.data));<br /> var io = jQuery.createUploadIframe(id, s.secureuri);<br /> var frameId = 'jUploadFrame' + id;<br /> var formId = 'jUploadForm' + id; <br /> // Watch for a new set of requests<br /> if ( s.global && ! jQuery.active++ )<br /> {<br /> jQuery.event.trigger( "ajaxStart" );<br /> } <br /> var requestDone = false;<br /> // Create the request object<br /> var xml = {} <br /> if ( s.global )<br /> jQuery.event.trigger("ajaxSend", [xml, s]);<br /> // Wait for a response to come back<br /> var uploadCallback = function(isTimeout)<br /> { <br /> var io = document.getElementById(frameId);<br /> try <br /> { <br /> if(io.contentWindow)<br /> {<br /> xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;<br /> xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;<br /> <br /> }else if(io.contentDocument)<br /> {<br /> xml.responseText = io.contentDocument.document.body?io.contentDocument.document.body.innerHTML:null;<br /> xml.responseXML = io.contentDocument.document.XMLDocument?io.contentDocument.document.XMLDocument:io.contentDocument.document;<br /> } <br /> }<a href="/tags.php/catch/" target="_blank">catch</a>(e)<br /> {<br /> jQuery.handleError(s, xml, null, e);<br /> }<br /> if ( xml || isTimeout == "timeout") <br /> { <br /> requestDone = true;<br /> var status;<br /> try {<br /> status = isTimeout != "timeout" ? "success" : "error";<br /> // Make sure that the request was successful or notmodified<br /> if ( status != "error" )<br /> {<br /> // process the data (runs the xml through httpData regardless of callback)<br /> var data = jQuery.uploadHttpData( xml, s.dataType ); <br /> // If a local callback was specified, fire it and pass it the data<br /> if ( s.success )<br /> s.success( data, status );<br /> <br /> // Fire the global callback<br /> if( s.global )<br /> jQuery.event.trigger( "ajaxSuccess", [xml, s] );<br /> } else<br /> jQuery.handleError(s, xml, status);<br /> } catch(e) <br /> {<br /> status = "error";<br /> jQuery.handleError(s, xml, status, e);<br /> }<br /> </p> <p> // The request was completed<br /> if( s.global )<br /> jQuery.event.trigger( "ajaxComplete", [xml, s] );<br /> </p> <p> // Handle the global AJAX counter<br /> if ( s.global && ! --jQuery.active )<br /> jQuery.event.trigger( "ajaxStop" );<br /> </p> <p> // Process result<br /> if ( s.complete )<br /> s.complete(xml, status);<br /> </p> <p> jQuery(io).unbind()<br /> </p> <p> setTimeout(function()<br /> { try <br /> {<br /> jQuery(io).remove();<br /> jQuery(form).remove(); <br /> <br /> } catch(e) <br /> {<br /> jQuery.handleError(s, xml, null, e);<br /> } <br /> </p> <p> }, 100)<br /> </p> <p> xml = null<br /> </p> <p> }<br /> }<br /> // Timeout checker<br /> if ( s.timeout > 0 ) <br /> {<br /> setTimeout(function(){<br /> // Check to see if the request is still happening<br /> if( !requestDone ) uploadCallback( "timeout" );<br /> }, s.timeout);<br /> }<br /> try <br /> {<br /> </p> <p> var form = jQuery('#' + formId);<br /> jQuery(form).attr('action', s.url);<br /> jQuery(form).attr('method', 'POST');<br /> jQuery(form).attr('target', frameId);<br /> if(form.encoding)<br /> {<br /> jQuery(form).attr('encoding', 'multipart/form-data'); <br /> }<br /> else<br /> { <br /> jQuery(form).attr('enctype', 'multipart/form-data'); <br /> } <br /> jQuery(form).submit();<br /> </p> <p> } catch(e) <br /> { <br /> jQuery.handleError(s, xml, null, e);<br /> }<br /> <br /> jQuery('#' + frameId).load(uploadCallback );<br /> return {abort: function () {}}; <br /> </p> <p> },<br /> </p> <p> uploadHttpData: function( r, type ) {<br /> var data = !type;<br /> data = type == "xml" || data ? r.responseXML : r.responseText;<br /> // If the type is "script", eval it in global context<br /> if ( type == "script" )<br /> jQuery.globalEval( data );<br /> // Get the JavaScript object, if JSON is used.<br /> if ( type == "json" )<br /> eval( "data = " + data );<br /> // evaluate scripts within html<br /> if ( type == "html" )<br /> jQuery("<div>").html(data).evalScripts();<br /> </p> <p> return data;<br /> }<br /> })</p> <p></script><br /> </p> <p><form id="upform" action="" method="post" enctype="multipart/form-data"><br /> <input id='fname' size='80' /><br> <input type="file" name="file1"<br /> id="file1" size="30" /> <input type="button" value="上传"<br /> onclick="return ajaxFileUpload();" /> <span id="msg"<br /> style="display: none">UpLoading...</span><br /> </form><br /> </p> <p><script type="text/javascript"><br /> var str = '';<br /> function ajaxFileUpload(){ <br /> $("#msg")<br /> .ajaxStart(function(){<br /> $(this).show();<br /> });<br /> /*<br /> .ajaxComplete(function(){<br /> $(this).hide();<br /> });<br /> */<br /> $.ajaxFileUpload(<br /> {<br /> url:'up_deal.php',<br /> secureuri:false,<br /> fileElementId:'file1',<br /> dataType: 'text',<br /> //data:{name:'qinmi', id:'123'},<br /> success: function(data){<br /> if(data=='error'){<br /> $('#msg').html("<span style='color:red'>上传失败</span>");<br /> }else{<br /> $('#msg').html("<span style='color:green'>上传成功</span>");<br /> str += data+'@';<br /> $('#fname').val(str);<br /> }<br /> }<br /> }<br /> );<br /> return false;<br /> }<br /> </script></p> </td> </tr> </table> <p><br /> <br /> up_deal.php</p> <table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onClick="doCopy('copy6450')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy6450> <p><?php<br /> if ((($_FILES["file1"]["type"] == "image/gif")<br /> || ($_FILES["file1"]["type"] == "image/jpeg")<br /> || ($_FILES["file1"]["type"] == "image/bmp")<br /> || ($_FILES["file1"]["type"] == "image/pjpeg"))<br /> && ($_FILES["file1"]["size"] < 100000)){//100KB<br /> $extend = <a href="/tags.php/explode/" target="_blank">explode</a>(".",$_FILES["file1"]["name"]);<br /> $key = count($extend)-1;<br /> $ext = ".".$extend[$key];<br /> $newfile = time().$ext;<br /> </p> <p> if(!file_exists('upload')){mkdir('upload');}<br /> move_uploaded_file($_FILES["file1"]["tmp_name"],"upload/" . $newfile);<br /> @unlink($_FILES['file1']);<br /> echo $newfile;<br /> }else {<br /> echo 'error';<br /> }<br /> ?></p> </td> </tr> </table></td> </tr> </table> </div> </div> </section> <section class="wrap-box"> <div class="g-tit"> <h2>相关文章</h2> </div> <ul class="s-list nobord notop"> <li> <a href="/art-422398.htm" class="s-card"> <div class="s-card-l"> <p class="tit">王者荣耀侦探能力大测试攻略 王者荣耀侦探能力大测试怎么过</p> <div class="info"> <span class="person">游戏攻略</span> <span class="time">2024-11-22</span> </div> </div> <div class="s-card-pic"> <img src="/images/lazy.gif" data-src="/uploads/20241122/logo_67405dac33a761.jpeg" alt="王者荣耀侦探能力大测试攻略 王者荣耀侦探能力大测试怎么过" /> </div> </a> </li> <li> <a href="/art-422397.htm" class="s-card"> <div class="s-card-l"> <p class="tit">无期迷途主线前瞻兑换码是什么</p> <div class="info"> <span class="person">游戏攻略</span> <span class="time">2024-11-22</span> </div> </div> <div class="s-card-pic"> <img src="/images/lazy.gif" data-src="/uploads/20241122/logo_67405633dab531.jpeg" alt="无期迷途主线前瞻兑换码是什么" /> </div> </a> </li> <li> <a href="/art-422396.htm" class="s-card"> <div class="s-card-l"> <p class="tit">原神欧洛伦怎么培养</p> <div class="info"> <span class="person">游戏攻略</span> <span class="time">2024-11-22</span> </div> </div> <div class="s-card-pic"> <img src="/images/lazy.gif" data-src="/uploads/20241122/logo_6740563012ddf1.jpeg" alt="原神欧洛伦怎么培养" /> </div> </a> </li> <li> <a href="/art-422395.htm" class="s-card"> <div class="s-card-l"> <p class="tit">炉石传说网易云音乐联动怎么玩</p> <div class="info"> <span class="person">游戏攻略</span> <span class="time">2024-11-22</span> </div> </div> <div class="s-card-pic"> <img src="/images/lazy.gif" data-src="/uploads/20241122/logo_6740562ef23031.jpeg" alt="炉石传说网易云音乐联动怎么玩" /> </div> </a> </li> <li> <a href="/art-422394.htm" class="s-card"> <div class="s-card-l"> <p class="tit">永劫无间手游确幸转盘怎么样</p> <div class="info"> <span class="person">游戏攻略</span> <span class="time">2024-11-22</span> </div> </div> <div class="s-card-pic"> <img src="/images/lazy.gif" data-src="/uploads/20241122/logo_6740562c720271.jpeg" alt="永劫无间手游确幸转盘怎么样" /> </div> </a> </li> <li> <a href="/art-422393.htm" class="s-card"> <div class="s-card-l"> <p class="tit">无期迷途主线前瞻兑换码是什么 无期迷途主线前瞻直播兑换码介绍</p> <div class="info"> <span class="person">游戏攻略</span> <span class="time">2024-11-22</span> </div> </div> <div class="s-card-pic"> <img src="/images/lazy.gif" data-src="/uploads/20241122/logo_67404f99a9d8f1.jpeg" alt="无期迷途主线前瞻兑换码是什么 无期迷途主线前瞻直播兑换码介绍" /> </div> </a> </li> </ul> </section> <section class="wrap-box"> <div class="g-tit"> <h2>精彩推荐</h2> </div> <ul class="card-box"> <li class="card3"> <a href="/app/99428.htm" target="_self" class="figure"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20241018/671258fc7c56f.png" alt="沙威玛传奇安卓版" /> </div> <p class="figure-head">沙威玛传奇安卓版</p> <span class="figure-btn">下载</span> </a> </li> <li class="card3"> <a href="/app/99427.htm" target="_self" class="figure"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20241018/6711fc29100e3.png" alt="战盟大乱斗最新版" /> </div> <p class="figure-head">战盟大乱斗最新版</p> <span class="figure-btn">下载</span> </a> </li> <li class="card3"> <a href="/app/99426.htm" target="_self" class="figure"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20241018/6711ef93e4d90.png" alt="大侠立志传最新版" /> </div> <p class="figure-head">大侠立志传最新版</p> <span class="figure-btn">下载</span> </a> </li> <li class="card3"> <a href="/app/99425.htm" target="_self" class="figure"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20241018/6711ca5ba8572.png" alt="苍翼混沌效应最新版" /> </div> <p class="figure-head">苍翼混沌效应最新版</p> <span class="figure-btn">下载</span> </a> </li> </ul> <ul class="card-box-b"> <li class="card10"> <a href="/app/99454.htm" target="_self" class="figure2"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20241019/671393f16002e.jpg" alt="驯龙高手旅程安卓版" /> </div> <div class="figure-cont"> <p class="figure-head">驯龙高手旅程安卓版</p> <div class="figure-desc"> <span>模拟经营</span> <span>驯龙高手旅程安卓版</span> </div> <div class="figure-desc"> <p>一款以奇幻世界为背景的模拟经营游戏</p> </div> </div> <span class="figure-btn">下载</span> </a> </li> <li class="card10"> <a href="/app/99397.htm" target="_self" class="figure2"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20241015/670dc626d93dd.png" alt="全民农场最新版" /> </div> <div class="figure-cont"> <p class="figure-head">全民农场最新版</p> <div class="figure-desc"> <span>模拟经营</span> <span>全民农场最新版</span> </div> <div class="figure-desc"> <p>一款轻松风格的农场经营类型的游戏</p> </div> </div> <span class="figure-btn">下载</span> </a> </li> <li class="card10"> <a href="/app/99010.htm" target="_self" class="figure2"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20240907/logo_66dc0ba5ab7021.jpg" alt="散修功德模拟器完整版" /> </div> <div class="figure-cont"> <p class="figure-head">散修功德模拟器完整版</p> <div class="figure-desc"> <span>模拟经营</span> <span>散修功德模拟器完整版</span> </div> <div class="figure-desc"> <p>散修功德模拟器游戏是一款以功德修炼为题材的模拟游戏</p> </div> </div> <span class="figure-btn">下载</span> </a> </li> <li class="card10"> <a href="/app/99001.htm" target="_self" class="figure2"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20240907/logo_66dc094ae30941.jpg" alt="我的毕业日记无限金币下载" /> </div> <div class="figure-cont"> <p class="figure-head">我的毕业日记无限金币下载</p> <div class="figure-desc"> <span>模拟经营</span> <span>我的毕业日记无限金币下载</span> </div> <div class="figure-desc"> <p>开始毕业后的新生活吧！</p> </div> </div> <span class="figure-btn">下载</span> </a> </li> <li class="card10"> <a href="/app/98996.htm" target="_self" class="figure2"> <div class="figure-box"> <img src="/images/lazy.gif" data-src="https://img.111cn.net/uploads/20240907/logo_66dbd35fadafd1.png" alt="城堡之梦拼图和装饰下载最新版" /> </div> <div class="figure-cont"> <p class="figure-head">城堡之梦拼图和装饰下载最新版</p> <div class="figure-desc"> <span>模拟经营</span> <span>城堡之梦拼图和装饰下载最新版</span> </div> <div class="figure-desc"> <p>城堡之梦拼图和装饰玩家将会在游戏当中感受更多的乐趣体验，你可</p> </div> </div> <span class="figure-btn">下载</span> </a> </li> </ul> </section> <footer class="foot"> <a href="/" class="logo-icon"> <img src="/mobile/images/logo2.png" alt="一聚教程网"> </a> <p>Copyright © 2010-2022</p> <p>111cn.net All Rights Reserved</p> </footer> <script> var advData = {"img_fixed_pc_adv":"https:\/\/img.111cn.net\/uploads\/20240509\/663c2e9729f58.jpg","img_fixed_mob_adv":"https:\/\/img.111cn.net\/uploads\/20240509\/663c2e8793225.jpg","url_adv":"http:\/\/shop.hushen.cn\/shop\/c\/baojianpin.html","str_adv":"\u864e\u795e\u5546\u57ce\uff1a\u5173\u7231\u7537\u6027\uff0c\u66f4\u61c2\u7537\u4eba\u3002\u89e3\u51b3\u5927\u4f17\u7684\u7537\u8a00\u4e4b\u9690","img_popup_adv":"https:\/\/img.111cn.net\/uploads\/20240509\/663c2e748238d.png","pc_show_img":"2","pc_show_popup":"2","pc_show_video":"2","mob_show_img":"2","mob_show_popup":"2","mob_show_video":"2","close_adv":"https:\/\/img.111cn.net\/uploads\/20240508\/663b20650801e.png","video_adv":"\/pc\/images\/pc-adv.mp4"}; </script> <script src="/jspc/funcmob.js" type="text/javascript"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-DSRRGRV1TL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DSRRGRV1TL'); </script> <div class="back-top" style="display: block;"> <span class="icon-box"> <svg class="icon" viewBox="0 0 1024 1024"> <path d="M213.333333 640h170.666667v256h256v-256h170.666667l-298.666667-341.333333zM170.666667 128h682.666666v85.333333H170.666667z" fill="#0374f3"></path> </svg> </span> </div> </div> <script src="/js/stat.js"></script> </body> </html>
