Ajaxfileupload多个input上传图片

页面

前端页面查看2个上传文件信息

目的：Ajaxfileupload实现多个input上传

相关：ajaxfileupload.js，query-1.9.1.min.js

## html

    <a title="查看"  href="javascript:;">
      
    	<label class="layui-icon">&#xe63c;
    		<input type="file" onchange="uploadFile({$vo.id});" name="image" id="{$vo.id}" />
    	</label>
      </a>

将循环出的 {$vo.id} 赋给input中的id ,用于下边的fileElementId: id,接收动态值。

js部分

	function uploadFile(id) {
	        $.ajaxFileUpload({
			   type: 'post',
	           url : "__URL__/upload",
			   data: {id:id},
	           secureuri: false,
	           fileElementId: id,
	           dataType: 'json',
	           success: function (data)  //服务器成功响应处理函数
	           {
	            console.log(data);
					if(data==1){
						alert("上传成功");
					}else{
						alert("上传失败"); return false;
					}
	           },
	       })
	   }

php（tp3.2）部分

//上传报告
	public function upload(){
		$id = I('id');
		//$this->ajaxReturn($_FILES); //这里查看上传文件信息
		if($_FILES){
			$upload = new \Think\Upload();// 实例化上传类
			$upload->maxSize   =     3145728 ;// 设置附件上传大小
			$upload->rootPath  =     APP_ROOT; // 设置附件上传根目录
			$upload->savePath  =     ''; // 设置附件上传（子）目录
			// 上传文件
			$info   =   $upload->upload();
			$img1="/uploads/".$info['image']["savepath"].$info['image']["savename"];
			if(!empty($id)){
				$res = M()->execute('update js_testing_currency set presentation = "'.$img1.'",status = "1" where id='.$id.'');
				$this->ajaxReturn($res);
			}
			
			}
	}