溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了Ajaxupload如何實現多文件上傳操作，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
具體代碼如下所示：
<pre name="code" class="php"><?php
$ele = $_GET['ele'];
$file = $_FILES['thumb_'.$ele];
$pathinfo = pathinfo($file['name']);
$filedir = 'uploads/' . date('Y');
if (!is_dir($filedir))
{
mkdir($filedir);
}
$filedir .= '/' . date('md');
if (!is_dir($filedir))
{
mkdir($filedir);
}
$filedir .= '/' . time() . '_' . mt_rand(1000, 9999) . '.' . $pathinfo['extension'];
$msg = '';
if (!move_uploaded_file($file['tmp_name'], $filedir))
{
$msg = '上傳失敗';
}
$data = array('msg' => $msg, 'filedir' => $filedir);
sleep(2);
echo json_encode($data);
?></pre><br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>Ajax上傳</title><script
src="jquery-1.4.4.min.js" type="text/javascript"></script><script src="ajaxfileupload.js" type="text/javascript"></script><script type="text/javascript">function fileupload( ele ){$("#loading").ajaxStart(function() {jQuery("#photoImg").hide();jQuery(this).show();}).ajaxComplete(function()
{jQuery(this).hide();jQuery("#photoImg").show();});$.ajaxFileUpload({url: "index.php?ele="+ele,secureuri: false,fileElementId: "thumb_"+ele,dataType: "json",success: function(data, status) {if(data.msg != '') {alert(data.msg);}else {$("[name='photo_"+ele+"']").val(data.filedir);$("#photoImg_"+ele).attr("src",
data.filedir);}},error: function (data, status, e) {alert(e);}})return false;}</script></head><body><!-- 第一個ajax上傳 --><input type="file" id="thumb_1" name="thumb_1" onchange="return fileupload('1');" /><div><img src="ajaxLoading.gif" id="loading" style="display:
none" /><img src="" id="photoImg_1" width="200px" height="150px" /><input type="text" name="photo_1" size=100/></div><hr/><!-- 第二個ajax上傳 --><input type="file" id="thumb_2" name="thumb_2" onchange="return fileupload('2');" /><div><img src="ajaxLoading.gif"
id="loading" /><img src="" id="photoImg_2" width="200px" height="150px" /><input type="text" name="photo_2" size=100 /></div><!-- 第二個ajax上傳 --><input type="file" id="thumb_2" name="thumb_2" onchange="return fileupload('2');" /><div><img
src="ajaxLoading.gif" id="loading" /><img src="" id="photoImg_2" width="200px" height="150px" /><input type="text" name="photo_2" size=100 /></div><a>添加</a></body></html>
<pre></pre>
<p><br>
</p>
<p><br>
</p>
<p><br>
</p>
<br>感謝你能夠認真閱讀完這篇文章，希望小編分享的“Ajaxupload如何實現多文件上傳操作”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
