单击“下载”按钮可以显示移动设备的图像

Question

我需要在移动网站的网站中为图片添加下载按钮。我查看了其他相关问题，所有这些都适用于PC浏览器。我需要一个支持移动浏览器的答案。

我使用了HTML <a> download Attribute

但移动浏览器不支持它。

Answer 1

您可以使用此

<a href="/path/to/image" download="myimage"><img src="/path/to/image" /></a>

Answer 2

如果Html失败，您可以使用Jquery ..... Html代码

export default React.createClass({

  render() {
  	<table>
	    <thead>
	      <tr>
	          <th></th>
	          {
	              data1.map(function(i) {
	                return <th>{i.data1result.brand}</th>;
	              })
	            }
	      </tr>
	    </thead>

	    <tbody>
	        {data2.map(function(a) {

	          return (
	            <tr className="salesTarget">
	                <td className="td-fixed"><b>{a.data2result.date}</b></td>
                      //help me here
	                <td className="td-fixed">brand1 amount of date **-**</td>
	                <td className="td-fixed">brand2 amount of date **-**</td>
	                <td className="td-fixed">brand3 amount of date **-**</td>
	                <td className="td-fixed">brand4 amount of date **-**</td>
	            </tr>
	            )
	        })}
	    </tbody>
	</table>
  }

})

Jquery

 <div id="imageDiv"><img src="ImageLink" style="margin-top: 0px;"></div>
 <a href="#" onclick="Download_Image(this)" download>Click here to download image</a>