基于Ajaxupload的多文件上傳操作

來源：懂視網責編：小采時間：2020-11-27 22:51:37

基于Ajaxupload的多文件上傳操作

基于Ajaxupload的多文件上傳操作:廢話不多說了，直接給大家貼代碼了，具體代碼如下所示： <pre name=code class=php><?php $ele = $_GET['ele']; $file = $_FILES['thumb_'.$ele]; $pathinfo = pathinfo($file['name']); $

推薦度：

點擊下載本文 文檔為doc格式

導讀基于Ajaxupload的多文件上傳操作:廢話不多說了，直接給大家貼代碼了，具體代碼如下所示： <pre name=code class=php><?php $ele = $_GET['ele']; $file = $_FILES['thumb_'.$ele]; $pathinfo = pathinfo($file['name']); $

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

<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" style="display: none" /><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" style="display: none" /><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的多文件上傳操作，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

基于Ajaxupload的多文件上傳操作

推薦度：

點擊下載本文 文檔為doc格式

標簽：文件上傳上傳文件

熱門焦點

基于Ajaxupload的多文件上傳操作

基于Ajaxupload的多文件上傳操作

基于Ajaxupload的多文件上傳操作

最新推薦

猜你喜歡

熱門推薦