Question

我有一个div标签。

<div class="imsSummaryItem" id="imagesPreview">
</div>
<asp:Image ImageUrl="C:\Users\John\Desktop\TempFolder\16.jpg" runat="server" /> --not showing up as well.

在我的javascript中：

 <script type="text/javascript">
    function loadImages() {
     $('#imagesPreview').append('<img src="C:\\Users\\John\\Desktop\\TempFolder\\16.jpg" />');
  }
</script>

我最终得到一张空心图像。我没看到它。就像一个图标，但它是空的。我希望你明白我的意思。当我检查图像属性时，它会显示16.jpg并且剩余的所有值都不可用。这有什么不对？

Answer 1

我认为您尝试显示的图片不在Web应用程序文件夹/虚拟目录中。

将图片移至您的网络应用程序文件夹，然后在ImageUrl属性中指定相对或绝对网址。

如果您不想将图像移动到您的网络文件夹，那么您唯一的选择是编写HttpHandler，它将从指定文件夹中读取图像并将其传输到客户端。这还需要您的Web应用程序IIS用户的某些特定权限才能访问Web应用程序范围之外的某个文件夹。

Answer 2

我认为转义序列不正确就是无法达到该路径的原因。

试试这个：在正斜杠之前加倍反斜杠......所以不允许我正确地写它，它省略了一个反斜杠。我希望你明白我的观点

"C:\\\/Users\\\/John\\\/Desktop\\\/TempFolder\\\/16.jpg"

Answer 3

始终尝试在解决方案中获得所需的图像。

只需从临时文件夹中复制图像并将其放在资源

中

与Resources / Images文件夹中的图像一样，以便您可以将其引用为

 $('#imagesPreview').append('<img src="../Resources/Images/16.jpg" alt="text" />

jquery图像添加到页面但它是空的

3 个答案: