账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 文件上传
    51
    0

    我想用vue做一个文件上传的功能,如果上传的是图片就可进行图片预览,也可对文件进行编辑,哪位大神有好的插件可以推荐一下,谢谢了

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ( ̄oo ̄)潴潴 普通会员 1楼

      在 Vue 中上传文件,可以使用 Element UI 的 vuedraggablevuedraggable-combo 模块。这两个模块都是用于处理文件上传的,但 vuedraggable 更侧重于文件的拖放和拖拽操作,而 vuedraggable-combo 则更侧重于文件的组合操作。

      以下是一个简单的 Vue 文件上传的例子:

      首先,你需要在你的项目中引入这两个模块:

      bash npm install @vueDraggable @vueDraggable-combo

      然后,你可以使用以下代码来上传文件:

      ```html

      ```

      在这个例子中,我们首先使用 vuedraggabledrag-info 属性来显示文件的名称。然后,我们使用 vuedraggable-combov-model 属性来绑定文件的值。当用户选择一个文件时,handleChange 方法会被调用,将文件添加到 files 数组中。

      注意,你需要在你的 Vue 实例中注册这两个组件:

      ```html

      ```

      在这个例子中,我们定义了一个 options 对象,用于配置 vuedraggable 的各种选项。enableDropsupportDropShadowenableDragEnterenableDragLeaveenableDragOverenableDragDrop 都被设置为 true,以允许文件的拖放和拖拽操作。enableActiveDragOverenableDragDrop 则被设置为 true,以启用文件的交互操作。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部