如何设置位于pc上的imagefile

时间:2015-07-02 13:39:12

标签: javascript css html5

如何将位于我的计算机上的文件设置为www.jsbin.com上的背景文件。

例如,如果我想设置背景图像

背景图像:网址("文件:// C:\ HTML5 \ MyExperiment \黑NR.jpg&#34)

但这似乎不起作用。

我没有上传文件的地方。如果有人能推荐比jsbin.com更好的东西,请告诉我。

3 个答案:

答案 0 :(得分:2)

您尝试的是针对相同的域策略,浏览器不允许使用本地文件作为非本地html页面的背景。如果您的html文件也是本地的,那么您正在尝试的工作。

如果要为网站使用本地文件:要求用户选择该页面上带有文件输入的文件,使用html5 / javascript中添加的文件对象来访问该文件并作为背景应用。

或正如其他人所建议的那样,将图片上传到其他网站。

答案 1 :(得分:1)

你想要实现的目标似乎是一种不好的做法,我个人不建议尝试它,即使以某种方式使用静态IP可以帮助但这会导致许多问题,最简单的是当你关闭你的计算机图像将消失。

所以这样做的好方法是使用免费网站上传您的图片,然后检索提供的链接。你可以使用imgur.com,dropbox(公共文件夹),picasa和许多其他免费平台。

答案 2 :(得分:-2)

你想用你问的javascript设置背景图片吗?如果是这样的话:

道歉,我不明白你的问题,对不起!

document.body.style.backgroundImage = "url('img_tree.png')";