HTML/Javascript - 从在线文件获取图像源

我想要在网页中有一个图像，可以根据存储在文件中的文件路径在线进行更改（无论文本文件是什么文字 - xml，。 TXT - 无论什么效果最好）。所以我基本上想让页面从该文件中检索文本，然后使用该文本作为该页面中图像的源。我假设这是一个Javascript的东西，但它对我来说并不重要，只要它有效。任何想法？谢谢！HTML/Javascript - 从在线文件获取图像源

**编辑：忘记提及：我使用Google Chrome浏览器扩展程序中的代码，不确定是否重要，因为它使用常规的HTML/Javascript，但存储在用户计算机上，而且我想要图像存储在我的服务器上。

* * EDIT2：

刚刚得到的东西，似乎工作得很好，我只需要这个代码的主体部分：

 <script type="text/javascript" > 
     var i=0; 
     for (i=0;i<=FilePath.length - 1;i++) 
     { 
     document.write('<img src="' + FilePath[i] + '"/>'); 
     } 
     </script>

希望这是有效的代码，但它绝对似乎在这里工作...

来源

2011-05-22 IsaacL

为什么你只是在服务器端动态地包含它？这通常是处理它的好方法。 – 2011-05-22 02:39:58

可能是更有意义的，我只是不知道如何去做你的建议... – IsaacL 2011-05-22 02:46:13

你能提供更多的信息/细节吗？谢谢！ – IsaacL 2011-05-22 02:46:32

它简单地存储在Javascript文件中的文件路径，在JS文件中创建一个数组，然后将所有的文件路径包含在数组中，然后将文件存储在网络服务器上。

再经过您在使用

<script src="JS_File_path_on_web_server" type="text/javascript" ></script>

后您检索它可以找回，你可以使用JavaScript，我更喜欢的jQuery，与来自阵列的一个替换的图片src属性。

编辑：完整版：

//Javascript web server File 
var FilePath=new Array("Path1","Path2","Path3");

创建这样一个文件，当你在阵列中存储要尽可能多的路径。

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> 
    </script> 

    <script src="JS_File_path_on_web_server" type="text/javascript" ></script> 

    <script type="text/javascript" > 
    $(document).ready(function() 
    { 
     $('#DisplayImage').attr('src',FilePath[0]); 
    }); 
    </script> 
    </head> 
    <body> 
     <img src="" id="DisplayImage" /> 
    </body> 
</html>

这是一个简单的例子，你可以试着学习javascript和Jquery来进一步调整它。

来源

2011-05-22 02:44:45 Gautam

感谢您的信息！虽然我不是很了解Javascript或jQuery，但有什么机会可以帮助我处理其他代码？ – IsaacL 2011-05-22 02:47:38

看起来不错，谢谢！ – IsaacL 2011-05-22 03:21:15

还有一个问题：根据数组中包含的路径数量是否可以显示可变数量的图像？ – IsaacL 2011-05-22 03:28:40

由于我的基于PHP的答案不适用，我们现在都可以忽略它。 :)

来源

2011-05-22 02:52:33 yitwail

刚刚在上面添加，我使用谷歌浏览器扩展中的代码，我不认为我可以使用PHP函数... – IsaacL 2011-05-22 02:54:03

@IsaacL，对吧。在这种情况下，Guatham的建议很好。 jQuery对此非常简单。如果他没有告诉你如何，我可以。 – yitwail 2011-05-22 03:06:26

无论如何都要帮忙！仍在寻找它的一部分，但我希望代码应该有所帮助... – IsaacL 2011-05-22 03:31:55

HTML/Javascript - 从在线文件获取图像源

回答

相关问题