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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 项目 遇到问题 图片上传修改得得问题
    23
    0

    需求是 开始我给后台传图片是file格式 然后上传成功 后台返回图片URL地址 我展示图片

    这个时候 我可以修改这个图片 然后我能拿到这个图片URL地址 修改提交以后后台还是要file form-data格式 我应该如何操作呢

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 情绪低落 普通会员 1楼

      在Vue项目中,图片上传功能可以通过以下步骤实现:

      1. 使用 Vue-file-uploader:这是一个轻量级的文件上传库,可以在Vue项目中使用。它提供了一些基本的选项,如文件类型、大小限制等。

      2. 使用V-model绑定:当用户上传图片时,图片会保存在V-model中。这允许我们在JavaScript中实时修改图片的值。

      以下是一个简单的示例:

      ```html

      ```

      1. 使用Vue的FileReader API:FileReader API允许我们读取和处理文件。我们可以使用它来读取图片的URL。

      以下是一个简单的示例:

      ```html

      ```

      在这个示例中,当用户点击“读取图片”按钮时,会调用readFile方法。readFile方法使用FileReader API读取图片的URL,并将其保存在V-model中。

      1. 使用Vue的Promise API:Promise API提供了一个更高级别的方法来处理异步操作。我们可以使用它来处理文件上传的异步操作。

      以下是一个简单的示例:

      ```html

      ```

      在这个示例中,当用户点击“上传”按钮时,会调用upload方法。upload方法使用Promise API处理文件上传的异步操作。当图片上传成功时,会调用resolve方法。当图片上传失败时,会调用reject方法。

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