ajax读取图片的路径问题

$.ajax({

type: ‘get‘,

url: ‘json/beautylist.json‘,

success: function (data) {

//封装add函数用以添加数据

function add(obj, index) {

for (var i = 0; i < data[index].productList.length; i++) {

obj.append(‘<dl>‘ +

‘<dt><span></span><a href="#"><img src=‘ + data[index].productList[i].imgUrl + ‘/></a></dt>‘ +

‘<dd class="price">‘ + data[index].productList[i].price + ‘<span>‘ + data[index].productList[i].oldprice + ‘</span></dd>‘ +

            ‘<dd>‘ + data[index].productList[i].name + ‘</dd>‘ +                        ‘<dd>‘ + data[index].productList[i].des + ‘</dd>‘ +                        ‘<dd><span></span><a href="#"><img src="images/addcart_07.jpg" /></a></dd>‘ +                        ‘</dl>‘);                }            }            //添加数据            add($list1Box, 0);            add($list2Box, 1);            add($list3Box, 2);            add($list4Box, 3);            add($list5Box, 4);            add($list6Box, 5);            add($list7Box, 6);        }

}

此时，图片会读不出来，只需在<img>标签的结尾部分 "/>"中间加个空格变为 "/ >"即可解决问题

时间： 2024-08-13 21:31:03

ajax读取图片的路径问题的相关文章

ajax读取图片后排列问题（先加载完图片再排列）

网上找了个瀑布流的图片排列插件.从数据库读取图片路径后显示时出现了位置重叠问题. 1 $.ajax({ 2 type: "POST", 3 url: "index.aspx", 4 data: { 'action': 'SelectImage'}, 5 dataType: "json", 6 success: function (result) { 7 var imgpanel = $("#imgitem"); 8 var i

Cookie中图片的浏览记录与cookie读取servle时路径的设置（文字描述）

public class ShowServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletR

多次使用图片物理路径提示占用进程，用流读取设置FileShare权限解决

//用流读取图片 清空之后再次关联地址 //设置FileShare.ReadWrite权限之后 不会提示占用进程异常 item是物理路径DiscussionImageList = new InterviewDiscussionApiModel(); FileInfo MyFile = new FileInfo(item); MyStream=MyFile.Open(FileMode.Open,FileAccess.Read,FileShare.ReadWrite); DiscussionImag

MVC中根据后台绝对路径读取图片并显示在IMG中

数据库存取图片并在MVC3中显示在View中 根据路径读取图片: 1 byte[] img = System.IO.File.ReadAllBytes(@"d:\xxxx.jpg"); 简介:在有些情况下需要将图片转换为二进制流存放在数据库中,当显示时再从数据库中读出来显示在界面上. 本文简单介绍数据库中图片的存取方法,并在MVC3中显示在Razor视图中.仅供初学者参考学习. 1. 将图片转换为二进制流 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 1

从数据库读取图片路径后在页面上显示出来

从数据库读取图片路径后在页面上显示出来 代码: 1 //直接将代码放到php文件里 2 $con = mysqli_connect("localhost", "123", "123", "123");//连接数据库 3 $sql = "SELECT * FROM table";//读取表 4 $result = $con->query($sql); 5 while ($row = $result-&g

读取图片的两种方法

*读取图片的方法: *[UIImage imageNamed:filename]:通过图片名称加载会缓存图片,使用完成后不会释放,占用内存 *UIImage imageWithContentsOfFile:path:通过文件路径加载,不会缓存图片,使用完后自动释放 建议较多图片使用imageWithContentsOfFile: 加载图片

从本地或者网络读取图片，并转换为Bitmap图片

在做android项目时,我们经常需要从本地或者网络读取图片,并转换为Bitmap图片,以便使用,下面是读取本地图片并转换的方法: Java代码   /** * 得到本地或者网络上的bitmap url - 网络或者本地图片的绝对路径,比如: * * A.网络路径: url="http://blog.foreverlove.us/girl2.png" ; * * B.本地路径:url="file://mnt/sdcard/photo/image.png"; * * 

SQL 2008存储图片和SQL 2008读取图片

用SQL Server存储文字数据很容易实现,如果用SQL Server存储图片呢?大家有没有实现思路呢?现在我用一个Demo来为大家提供一种在SQL Server中存储图片的思路. 场景:在superPhoto文件夹中,有三位NBA超级巨星的图片需要存储在数据库中,他们分别是保罗.罗斯和德隆,文件内容如下: 有了需求,下面讲实现.实现过程分为3个步骤. 步骤1:我们需要在数据库test中建立T_superStar表,并向表中插入三位球星的信息. create table T_superStar

利用CSS、JavaScript及Ajax实现图片预加载的三大方法

原文:3 Ways to Preload Images with CSS, JavaScript, or Ajax 译文:利用CSS.JavaScript及Ajax实现图片预加载的三大方法 预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验.本文将分享三个不同的预加载技术,来增强网站的性能与可用性.