首页 > 其他分享 >粘贴上传图片

粘贴上传图片

时间:2023-07-18 14:37:23浏览次数:33  
标签:items data let file error fd 上传 粘贴 图片

粘贴上传图片

<div v-on:paste="handlePaste">paste</div>

handlePaste(event) {
  let data = event.clipboardData;
  try {
    let items = data && data.items;
    if (items && items.length) {
      for (let i = 0; i < items.length; i++) {
      // 获取图片对象
        if (items[i].type.indexOf('image') !== -1) {
          const file = items[i].getAsFile();
          let fd = new FormData();
          fd.append('file', file);
          uploadPicture(fd).then(res => {
            const resData = res.data.data;
          });
        }
      }
    }
  } catch (error) {
    console.log('error:', error);
  }
},

标签:items,data,let,file,error,fd,上传,粘贴,图片
From: https://www.cnblogs.com/new-bee-2023/p/17562936.html

相关文章

  • python将图片变4K
    Python将图片变4K![](在现代社会中,高清图像已经成为我们生活中不可或缺的一部分。随着4K显示技术的普及,越来越多的人希望能够将自己的图片转换成4K分辨率,以获得更加清晰和细腻的图像效果。本文将介绍如何使用Python编程语言将图片转换成4K分辨率,并提供相应的代码示例。什么是4K......
  • python获取图片的文件流
    如何使用Python获取图片的文件流介绍在开发过程中,有时候我们需要获取图片的二进制数据(文件流),然后对其进行处理或者保存到数据库中。本文将教你如何使用Python获取图片的文件流。流程概述下面是获取图片文件流的整个流程:步骤描述1通过URL获取图片2将图片转换为二......
  • AIGC 之 Stable Diffusion 生成的带文字图片示例
    文字文字为HOTAIGC网址导航效果图片1图片2图片3图片4图片5图片6图片7图片8大家觉得效果如何,要是大家感兴趣下篇分享生成原理及参数。......
  • KindEditor - 支持word上传的富文本编辑器
    ​ 如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......
  • CKEditor - 支持word上传的富文本编辑器
    ​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。其原理为一下步骤:监听粘贴事件;【用于插入图片】获取光标位置;【......
  • ios 加载网络图片
    iOS加载网络图片在iOS开发中,我们经常需要从网络上加载图片并显示到用户界面上。本文将介绍一种简单的方法来加载网络图片,并附带代码示例。使用第三方库SDWebImageSDWebImage是一个广泛使用的第三方库,它提供了一种简单而高效的方式来加载网络图片,并支持图片缓存和缓存管理。......
  • Java实现浏览器端大文件分块上传
    ​文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。一、前端代码英国程序员RemySharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强:    * iframe上传 * ajax上传......
  • 使用Power Automate上传附件到Dynamics 365集成的SharePoint
      在Dynamics365中使用SharePoint集成做实体的附件管理,这里不像用Annotation实体存放附件可以直接用代码直接创建Annotation记录,如果想要对外部提供接口把附件上传到SharePoint,我们可以使用PowerAutomate中的SharePoint组件来生成文件,通过HTTP流供给外部系统调用。  下......
  • vue实现浏览器端大文件分片上传
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • SpringMVC文件上传
    相关依赖使用SpringMVC提供的文件上传需要在项目中加入两个jar包,对应的maven的依赖分别是:commons-io和commons-fileupload<dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.4</version></dep......