zyUpload的应用

简介: zyUpload 是一个界面绝佳、体验超棒的 HTML5 上传插件,在网上随便就可以下载到。使用zyupload插件的时候,只需要注意替换js中的  URL 路径,就是后台给的接口地址。

zyUpload 是一个界面绝佳、体验超棒的 HTML5 上传插件,在网上随便就可以下载到。

使用zyupload插件的时候,只需要注意替换js中的  URL 路径,就是后台给的接口地址。

同时要把代码放在后台的路径中,这样才能运行。

1、首先下载demo(点击下载) 

2、确保php环境在5.3以上。 

3、将下载的文件解压后,将demo文件夹移动到主机目录localhost文件夹下面。 

4、打开浏览器输入(http://localhost/demo/demo.html) 

5、如果出现如下界面说明成功。

img_efcad74537b832565ed6458d1b831c06.png

6、配置zyUpload.js

zyUpload文件中含有该插件显示在页面的html和图片上传的逻辑。

在zyUpload.js文件中做文件的各种限制

文件大小

img_f2ccf7aed4dc9c121ef9d4a752a2d971.png

文件大小格式等等

img_b3a31f1bc7435e572856deb62a2d4ef2.png

7.操作面板配置。

img_60b71d1ad9086469e8a71bf9ff14d976.png

8、上传后的图片在demo/uploads下面。

img_672b667c3ecbbc53838b0dc075201bab.png
相关文章
|
7月前
|
Docker 容器
docker设置国内镜像源
docker设置国内镜像源
15230 3
|
前端开发 数据安全/隐私保护 UED
LayUI之树形菜单(权限管理)
LayUI之树形菜单(权限管理)
379 0
|
前端开发 JavaScript 数据安全/隐私保护
Layui之动态树(树形菜单)详解1
Layui之动态树(树形菜单)详解1
460 0
layui实现登录加载loading的解决方案
layui实现登录加载loading的解决方案
344 0
|
7月前
|
SQL 存储 自然语言处理
如何在 Sql Server 中使用 REPLICATE
【8月更文挑战第7天】
246 0
如何在 Sql Server 中使用 REPLICATE
|
9月前
|
存储 SQL 关系型数据库
MySQL中的当前读和快照读及其区别
MySQL中的当前读和快照读及其区别
561 0
|
10月前
|
存储 SQL Oracle
oracle Job 定时任务
oracle Job 定时任务
|
JavaScript
Vue考试倒计时和计算考试用时
<template> <div>倒计时: {{ keepTime }}</div> </template>
196 0
|
安全 开发工具 git
【ADCS系列】ESC8 ADCS Relay
由于ADCS的http证书接口没有启用NTLM中继保护,因此其易受NTLM Relay攻击。而且Authorization HTTP 标头明确只允许通过 NTLM 身份验证,因此Kerberos协议无法使用。因此,攻击者可以利用NTLM Relay攻击ADCS证书服务
642 0