如何将图片另存为时保存的文件名自定义

最新推荐文章于 2022-04-12 16:51:09 发布

做前端的小艳

最新推荐文章于 2022-04-12 16:51:09 发布

阅读量2.6k

点赞数 1

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/qq_32094783/article/details/111592700

版权

Web前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过JavaScript控制图片在网页上是否允许下载的技术方案。具体实现中使用了HTML的a标签与download属性结合JavaScript事件监听的方式，使得图片仅能在特定条件下被下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let imgName = '11122.jpg' //另存为的文件名
let disable = false  //是否可另存为
setDisable = val => { //设置
  disable = val
}

<a download={disable ? imgName : false} href="#" onClick={this.setDisable(false)}>
  <img src="a.jpg" onContextMenu={this.setDisable(true)} />
</a>

注：由于a标签加上download的情况下，如果触发点击事件也会下载图片，

因此我们这里需要在点击onClick的时候设置不能下载，在右击onContextMenu的时候才能下载