如何使用html / javascript内联下载图像而不是将图像另存为

时间:2018-09-20 09:31:36

标签: javascript html reactjs

我尝试在同一窗口中下载图像,而不是要求最终用户在'guards' => [ 'web' => [ 'driver' => 'session', 'provider' => 'users', ], 'api' => [ 'driver' => 'passport', 'provider' => 'users', ], ], 中使用save-image-asCtrl+S

以下功能是在有状态react.js中编写的。

Class

以下代码写在forceDownload(event){ alert(event.target.getAttribute('value')); var link = document.createElement('a'); link.download = 'Download.jpg'; document.body.appendChild(link); link.href = event.target.getAttribute('value'); link.click(); } 部分

render

仅当<a value={imageUrl} onClick={this.forceDownload}>Download</a> 抛出alert而不是实际的null时,该解决方案才能正常工作。有什么错过的地方吗?

1 个答案:

答案 0 :(得分:2)

创建一个I/flutter ( 4286): [987.8] I/flutter ( 4286): [987.8, 1014.87] I/flutter ( 4286): [987.8, 1014.87, 1352.22] I/flutter ( 4286): [128.26, 987.8, 1014.87, 1352.22] I/flutter ( 4286): [128.26, 987.8, 1014.87, 1260.73, 1352.22] I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1260.73, 1352.22] I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1260.73, 1303.36, 1352.22] I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1232.47, 1260.73, 1303.36, 1352.22] I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1232.47, 1232.47, 1260.73, 1303.36, 1352.22] 并将其转换为可下载的链接。

blob