编写image.js 公共图片上传
编写图片上传api 实现图片完美异步上传

参考的博客:图片上传
部署前端插件官网:官网
中文文档 中文文档

介绍:Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。
uploadify提供两个版本,flash的uploadify和html5的uploadiFive。配置页比较简单。uploadify的flash版本免费,里边有一个文件uploadify.swf用来支持flash。
2020 现在在上官网下载的uploadifive,此插件不用支持falsh,因而移动端也可以使用。

第一步 准备工作

将下载的资源放到public/static中
在需要上传的html中引入css和js中

tp5.1-----图片上传uploadifive
tp5.1-----图片上传uploadifive
第二步 编写image.js
公共图片上传 放到public/static/js中
tp5.1-----图片上传uploadifive
tp5.1-----图片上传uploadifive
第三步 编写图片上传api 实现图片完美异步上传
tp5.1-----图片上传uploadifivetp5.1-----图片上传uploadifive

tp5.1-----图片上传uploadifive判断前端抛送来的file,在项目中自动生成upload文件夹保存传来的图片
tp5.1-----图片上传uploadifive

遇到的一些问题及解决办法;
1
tp5.1-----图片上传uploadifiveThinkPHP5.1加载Request类报错Call to undefined method think\Request::instance()
目录 thinkphp/library/think/Request.php查看Request类源码,然后发现根本就没有instance( )这个静态方法,只有一个 protected $instacne 属性 !改为

tp5.1-----图片上传uploadifive

可以参考 tp5.0和tp5.1区别

2
tp5 报错variable type error: array解决方法
返回一个数组时,tp5会报错:variable type error: array
这是因为tp5不支持返回数组。
直接在返回语句中加上json()、xml()…等你需要返回的数据类型函数

tp5.1-----图片上传uploadifive

相关文章: