欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

基于Ajaxupload的多文件上传操作

程序员文章站 2022-03-21 11:12:56
废话不多说了，直接给大家贴代码了，具体代码如下所示： 

					

						
废话不多说了，直接给大家贴代码了，具体代码如下所示：




<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的多文件上传操作，希望对大家有所帮助

                    
					

																				

						

							上一篇：							
								破解需求的来龙去脉（2）：流程变化要弄懂							
						

						

							下一篇：							
								C#实现多个计时器记录不同定时时间							
						

					

															

						

							推荐阅读