zyUpload 是一个界面绝佳、体验超棒的 HTML5 上传插件,在网上随便就可以下载到。
使用zyupload插件的时候,只需要注意替换js中的 URL 路径,就是后台给的接口地址。
同时要把代码放在后台的路径中,这样才能运行。
1、首先下载demo(点击下载)
2、确保php环境在5.3以上。
3、将下载的文件解压后,将demo文件夹移动到主机目录localhost文件夹下面。
4、打开浏览器输入(http://localhost/demo/demo.html)
5、如果出现如下界面说明成功。
![img_efcad74537b832565ed6458d1b831c06.png](https://yqfile.alicdn.com/img_efcad74537b832565ed6458d1b831c06.png)
6、配置zyUpload.js
zyUpload文件中含有该插件显示在页面的html和图片上传的逻辑。
在zyUpload.js文件中做文件的各种限制
文件大小
![img_f2ccf7aed4dc9c121ef9d4a752a2d971.png](https://yqfile.alicdn.com/img_f2ccf7aed4dc9c121ef9d4a752a2d971.png)
文件大小格式等等
![img_b3a31f1bc7435e572856deb62a2d4ef2.png](https://yqfile.alicdn.com/img_b3a31f1bc7435e572856deb62a2d4ef2.png)
7.操作面板配置。
![img_60b71d1ad9086469e8a71bf9ff14d976.png](https://yqfile.alicdn.com/img_60b71d1ad9086469e8a71bf9ff14d976.png)
8、上传后的图片在demo/uploads下面。
![img_672b667c3ecbbc53838b0dc075201bab.png](https://yqfile.alicdn.com/img_672b667c3ecbbc53838b0dc075201bab.png)