专注Java教育14年 全国咨询/投诉热线:444-1124-454
赢咖4LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 Vue上传组件的示例

Vue上传组件的示例

更新时间:2022-03-16 10:36:07 来源:赢咖4 浏览1298次

小编来给大家介绍20个使用Vue.js上传组件的例子

Vue上传组件的示例

1.查看rokka上传器

Vue的一个小图片上传器组件。Vue组件上传图片到rokka.io https://rokka.io

它使用vue-upload-component。

2.Vux上传器组件

weui 上传器的移动 vue 组件实现。

3.aammui文件上传器

这是一个 vue js fileuploader 插件,专门为 laravel 处理多个文件上传。

4.查看图片裁剪上传

一个漂亮的 Vue 组件,用于图像裁剪和上传。

注意:此组件是为PC设计的,不建议在移动端使用。

5.Vue图片上传和调整大小

用于客户端图像上传的 Vue.js 插件组件,具有可选的调整大小和基于 exif 的自动旋转。

该插件是为在 webapp 场景中使用而创建的,在该场景中,我们有大量最终用户通过部分低端数据计划从他们的移动设备上传相机照片。因此,主要目的是客户端调整大小,并在需要时基于 exif 的自动旋转。然而,它也可以简单地用作文件上传组件。

6.查看和地理简化

上传您的 geojson 几何图形并简化它。

您可以插入您的 geojson 或上传有效的 geojson 文件并简化其几何形状。

7.查看多张图片上传

一个简单的 Vuejs 上传多图像组件。

8.v文件上传

Vue.js 的文件上传组件。

9.Vuetify上传按钮

Vuetify 的 Vue 组件。

该组件是一个文件上传输入,具有 Vuetify 按钮的基本功能。

10.v-上传者

一个Vue2插件让文件上传更简单更轻松,单个文件上传带图片预览,多个上传带拖放https://terryz.github.io/vue/#/upload

11.文件池视图

一个方便的 Vue 的 FilePond 适配器组件https://pqina.nl/filepond

Vue FilePond 是 FilePond 的一个方便的适配器组件,它是一个 JavaScript 库,可以上传你扔给它的任何东西,优化图像以加快上传速度,并提供出色的、可访问的、如丝般流畅的用户体验。

核心功能

接受目录、文件、blob、本地 URL、远程 URL 和数据 URI。

使用 API 删除文件、在文件系统上选择、复制和粘贴文件或添加文件。

使用 AJAX 异步上传,或将文件编码为 base64 数据并随表单发送。

可访问,使用 VoiceOver 和 JAWS 等 AT 软件测试,可通过键盘导航。

图像优化、自动调整图像大小、裁剪和修复 EXIF 方向。

响应式,自动扩展到可用空间,在移动和桌面设备上都可以使用。

12.Dropzone视图

需要共同维护者 这个组件远远超出了我最初的期望,我无法提供用户所需的支持量。如果您想帮助维护它,请在此问题上留言

一个用于文件上传的 Vue 组件,由 Dropzone.js 提供支持。

13.Vue2多上传器

Vue.js 的简单文件上传组件 https://saivarunk.github.io/vue-simple-upload/

14.剪辑视图

Vue 剪辑是 VueJs 的简约且可破解的文件上传器。我写了这个插件是因为没有写得很好的文件上传器和细粒度的控制。

特征

用香草 Javascript 编写。

重 17.9KB(缩小和 Gzip),57KB(缩小)。

可通过自定义事件深入核心。

不会通过添加不必要的标记来污染 DOM。事实上,该组件将创建一个 div 元素。

15.一个简单的vue文件上传组件

vuejs 的文件上传组件。

16.查看上传组件

一个简单的vue

文件上传组件vue.js文件上传组件,支持多文件上传,进度条,html4,ie9 html4不支持进度条,文件大小,accept,timeout,headers,response状态码错误判断。

17.Instagram过滤器快速原型

Instagram 过滤器选择 UX 的快速原型。

内置:Vue、Tachyons、CSSgram、Flickity。

18.查看核心图片上传

一个用于图像上传和裁剪的 vue 插件(支持:iphone:IE9+)

19.魔术上传图片

基于Vue.js的魔术上传图片支持粘贴、拖放、表单。

20.查看文件上传组件

一个简单的 Vue.js 文件上传组件。为 XHR 上传进度发出事件以获得漂亮的进度条。

以上就是关于“Vue上传组件的示例”的介绍,大家如果对此比较感兴趣,想了解更多相关知识,可以关注一下赢咖4的Java视频教程,里面的课程内容详细,通俗易懂,适合没有基础的小白学习,希望对大家能够有所帮助。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>