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

thinkphp5+zyFile.js实现的图片无刷新上传

程序员文章站 2022-03-11 18:33:46
...
thinkphp5+zyFile.js实现的图片无刷新上传
zyFile.js体更了一个很美观的上传页面,同时上传图片无需刷新,也进一步提升了用户体验。我在网上找了好多的无刷新上传的插件,感觉这个还挺不错的,就像大家推荐这一款。
ps : zyFile.js 体供的代码存在一个bug,如果你直接下的网上的代码,把175行:file.name 改为 unescape(encodeURIComponent(file.name ))html页面代码:



html5批量上传文件





html5批量上传文件











index.php代码: namespace app\index\controller;

use think\Controller;

class Index extends Controller
{
public function index()
{
return $this->fetch();
}

//处理上传的主方法
public function upload()
{
$file = request()->file('fileList');

$info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');
if($info){
// 成功上传后 获取上传信息
// 输出 jpg
echo $info->getExtension();
// 输出 42a79759f284b767dfcb2a0197904287.jpg
echo $info->getFilename();
}else{
// 上传失败获取错误信息
echo $file->getError();
}

}
}
效果如下:
thinkphp5+zyFile.js实现的图片无刷新上传
thinkphp5+zyFile.js实现的图片无刷新上传

thinkphp5+zyFile.js实现的图片无刷新上传 qiniu.rar ( 3.85 MB 下载:2 次 )