没有合适的资源?快使用搜索试试~ 我知道了~
带有预览的文件上传::framed_picture:一个简单的文件上传实用程序,显示上载图像的预览。 用纯JavaScript编...
共43个文件
js:12个
png:8个
svg:7个
需积分: 18 0 下载量 61 浏览量
2021-01-30
03:44:06
上传
评论
收藏 3.66MB ZIP 举报
温馨提示
预览文件上传 链接 关于 这是一个简单的前端实用程序,可帮助您在网站上进行文件上传过程。 它使用纯JavaScript编写,没有依赖关系,并且只有13.55 kB(压缩)。 您可以查看现场演示。 在大多数情况下,浏览器在处理图像上传方面做得很好。 话虽这么说-我们发现向用户显示其上传预览的能力可以大大提高他们对上传的信心。 带有预览的文件上传旨在解决在简单易用的程序包中显示用户上传的图像预览的问题。 产品特点 在单个上载.jpg,.jpeg,.gif或.png图像的情况下显示实际图像预览。 在上载.pdf文件,上载视频或其他无法渲染的文件的情况下显示成功图像-因此用户知道其图像已成功收集。 如果选择了多个文件,则用户选择的图像将显示在网格中。 在输入栏中显示图像名称。 在同一输入中有多个选择的情况下,显示所选图像的计数。 允许用户清除其上传内容,并清除multiple网格中的单个图像。 看起来很棒-基于Bootstrap 4的样式的样式。 与框架无关的-要访问上载的文件,只需使用FileUploadWithPreview对象的cachedFileArray (总是一个数组)
资源推荐
资源详情
资源评论
收起资源包目录
file-upload-with-preview-master.zip (43个子文件)
file-upload-with-preview-master
.gitignore 23B
README.md 18KB
CHANGELOG.md 2KB
test
styleMock.js 212B
FileUploadWithPreview.spec.js 2KB
public
file-upload-with-preview-animated.gif 2.6MB
file-upload-with-preview.png 6KB
badge.png 231KB
logo-promosis.png 6KB
favicon.png 676B
multiple-file-upload-with-preview.png 586KB
docs
8d34959997c6158d6a4d1c506f5ff73e.svg 12KB
badge.png 231KB
logo-promosis.png 6KB
main.34b59dda2bc5f58aff5d.css 4KB
favicon.png 676B
main.546310cb9577066438f3.js 37KB
index.html 4KB
vendor.fb499262a9e09dc42cef.js 7KB
package.json 3KB
dist
file-upload-with-preview.min.css 3KB
file-upload-with-preview.min.js 41KB
file-upload-with-preview.esm.js 71KB
file-upload-with-preview.umd.js 73KB
src
file-upload-with-preview.js 42KB
polyfill.js 3KB
file-upload-with-preview.scss 3KB
assets
images
file-alt-success.svg 4KB
background.svg 544B
pdf-success.svg 2KB
base-image.svg 2KB
video-success.svg 4KB
.babelrc 261B
build
rollup.config.js 1KB
LICENSE.md 1KB
example
custom-image.svg 12KB
main.js 2KB
main.scss 2KB
index.html 5KB
.editorconfig 207B
webpack.config.js 4KB
.eslintrc.json 847B
package-lock.json 453KB
共 43 条
- 1
资源评论
weixin_42097189
- 粉丝: 38
- 资源: 4567
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功