今天帮队友重写上传的操作,使用的是js通过<input type="file" >标签来获取上传图片的地址,从而动态地显示将要上传的图片。使用的是以下js代码
<html> <body> <img id="image"src=""/> <br/> <input type="file" name='file' onchange="selectImage(this);"/> <br/> <script> var image = ''; function selectImage(file) { if (!file.files || !file.files[0]) { return; } var reader = new FileReader(); reader.onload = function (evt) { document.getElementById('image').src = evt.target.result; image = evt.target.result; } reader.readAsDataURL(file.files[0]); } </script> </body> </html>
之后后台使用的是thinkphp自带的upload方法
public function upload(){
$upload = new \Think\Upload();// 实例化上传类
$upload->maxSize = 3145728 ;// 设置附件上传大小
$upload->exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload->rootPath = './Uploads/'; // 设置附件上传根目录
$upload->savePath = ''; // 设置附件上传(子)目录
// 上传文件
$info = $upload->upload();
if(!$info) {// 上传错误提示错误信息
$this->error($upload->getError());
}else{// 上传成功
$this->success('上传成功!');
}
}
最后接受$info信息的时候发现,用$info['save']怎么也获取不到储存到服务器端的文件名,后台通过var_dump()才发现,在对带有键值对的上传文件
<input type="file" name='file' onchange="selectImage(this);"/> <br/>
这里的name="file";
thinkphp的upload方法会自动为这个嵌套一层file
所以获取的方法就是$info['file']['savename']而不是$info['savename'];