嗨! 我有一个图像滑块。当我尝试从我的服务器检索图像时,图像被正确显示。 (http://stthomasmountmtc.org/index.html)
但是,当我尝试从Dropbox检索相同的图像时,不会显示/检索图像。 (http://stthomasmountmtc.org/index1.html)
<img src="https://www.dropbox.com/s/woart55urbw792u/image1.jpg" alt="image" />
当我在浏览器的src
属性中打开链接时,可以看到图像,因此链接显然没有被破坏。请分享您的建议。
谢谢, 塞缪尔马修斯。
答案 0 :(得分:13)
代码中的链接会打开Dropbox的图库功能,这是一个HTML网页,而不是图像文件。该图片的直接链接是:
https://dl.dropboxusercontent.com/s/woart55urbw792u/image1.jpg
您应始终将HTML中的图片代码的来源设置为输出图片的网址,而不是包含图片的网页。
答案 1 :(得分:11)
直接查看Dropbox图片的另一个选项是使用?raw = 1 参数访问Dropbox链接。
例如,如果Dropbox链接为:
https://www.dropbox.com/s/83dcx4efx791s2i/stackoverflow.png?dl=0
将?dl = 0更改为?raw = 1 ,例如:
https://www.dropbox.com/s/83dcx4efx791s2i/stackoverflow.png?raw=1
请注意,使用“?dl = 1”(而不是dl = 0)会下载图片。
答案 2 :(得分:1)
通过登录Dropbox,查看图像本身,右键单击图像并选择“复制图像地址”,我试图解决一个类似的问题,就能够使它正常工作。