php+ajax 文件上传
程序员文章站
2022-04-13 12:17:22
html 代码 项目使用的是pbootCMS 所以地址可忽略 enctype="multipart/form-data"因为设计到文件上传必须在from 表单中添加该属性 js代码 PHP代码 $_FILES['fileArray']['tmp_name'] 是文件的临时存储位置,所以直接将他移动过 ......
html 代码
1 <form action="{pboot:form fcode=8}" method="post" id="t" enctype="multipart/form-data"> 2 <input type="file" name='tables_a' id="tables" onchange="abs()"> 3 <input type="hidden" name='tables' id='tables_2'> 4 <input type="submit" value="提交"> 5 </form>
项目使用的是pbootcms 所以地址可忽略
enctype="multipart/form-data"因为设计到文件上传必须在from 表单中添加该属性
js代码
1 function abs(){ 2 var filearray = document.getelementbyid('tables').files[0]; 3 var formdata = new formdata(); 4 formdata.append("filearray", filearray) 5 $.ajax({ 6 url: "{pboot:httpurl}/api.php/tables/index",//传向后台服务器文件 7 type: 'post', //传递方法 8 data: formdata, //传递的数据 9 datatype : 'json', //传递数据的格式 10 async:false, //这是重要的一步,防止重复提交的 11 cache: false, //设置为false,上传文件不需要缓存。 12 contenttype: false,//设置为false,因为是构造的formdata对象,所以这里设置为false。 13 processdata: false,//设置为false,因为data值是formdata对象,不需要对数据做处理。 14 success: function (responsestr){ 15 if(responsestr.code != 0){ 16 alert('上传成功'); 17 $('#tables_2').val('{pboot:httpurl}'+responsestr.data); 18 }else{ 19 alert('上传失败'); 20 } 21 }, 22 error: function () { 23 alert("上传错误!"); 24 } 25 }); 26 }
php代码
1 public function index() 2 { 3 $name = $_files['filearray']['name']; 4 $last = substr($name,strrpos($name,'.')); 5 $name = date('ymdhis').rand(10000,99999).$last; 6 $address = root_path.'/upload/'.$name; 7 if(move_uploaded_file($_files['filearray']['tmp_name'],$address)){ 8 return json(1,'/upload/'.$name); 9 }else{ 10 return json(0); 11 } 12 }
$_files['filearray']['tmp_name'] 是文件的临时存储位置,所以直接将他移动过去就好了
转载请说明出处谢谢!!!