InnerHtml赢得't更新我的图片的src
InnerHtml won't update src of my image
我正在尝试更新图像的src,但在现场它只显示<img class="imagedisplayor" style="float: none;" alt="" width="200" height="200" src=""/>
这是代码:
function ajaxFigure(){
var url = 'index.php?option=com_fabrik&format=raw&view=plugin&task=userAjax&method=imgclasse';
var product = Fabrik.blocks.form_8.formElements.orders___product.getValue();
var update = $('orders___image').firstChild;
new Request({
url: url,
data: {
method: 'imgclasse',
'product': product
},
onComplete: function (r) {
update.src = 'http://www.youtraining.eu/preview' + r.replace('images/', 'images/');
document.getElementById('orders___image').innerHTML = '<img class=''imagedisplayor'' style=''float:none;'' alt=
'''' width=''200'' height=''200'' src="' + r + '">'
}
}).send();
}
这里是我的imgClass()
function imgclasse() {
$db = JFactory::getDBO();
$IdClasse = JRequest::getVar("product", "");
$query = "SELECT product_image from products WHERE id=$IdClasse LIMIT 1";
$db->setQuery($query);
$result = $db->loadResult();
echo $result;
}
更新了所有内容。。我想做的是为数据库中的下拉列表中的每个元素显示一个图像。Js和PHP是我唯一可以使用的方法,因为我在CMS中。
已更改var product=Fabrik.blocks.form_8.formElements.orders___product.getValue();现在它返回正确的值。。但问题仍然存在
根据您的代码:
onComplete: function (r) {
update.src = 'http://www.mysite.com/preview' + r.replace('images/', 'images/');
document.getElementById('orders___image').innerHTML = '<img class=''imagedisplayor'' style=''float:none;'' alt='''' width=''200'' height=''200'' src=' + r + '>'
}
我假设update.src
是一个定义为:的对象
var update= {src:"..."};
因此,当您将值传递给该对象的.src
键时,其形式为:
update.src = 'http://www.mysite.com/preview' + r.replace('images/', 'images/');
,
然后:
document.getElementById('orders___image').innerHTML = '<img class=''imagedisplayor'' style=''float:none;'' alt='''' width=''200'' height=''200'' src=' + r + '>'
,
用
update.src
交换r
,因为r
的值是您希望update.src
包含的内容,包括.replace('images/', 'images/')
进行的替换
所以应该是:
document.getElementById('orders___image').innerHTML = '<img class=''imagedisplayor'' style=''float:none;'' alt='''' width=''200'' height=''200'' src=' + update.src + '>
'
你可以确认你的r变量中是否真的有东西,或者是否通过做一些类似的事情来识别它:
onComplete: function (r) {
console.log(r)
//Before running any other code
希望能有所帮助!
简单答案:
您没有使用新值更新图像源。您正在使用提供给函数的值更新它。在.中连接src属性时,还需要为其提供双引号
document.getElementById('orders___image').innerHTML = '<img class=''imagedisplayor'' style=''float:none;'' alt='''' width=''200'' height=''200'' src="' + r + '">'
建议:
如果我是你,遇到这个问题,我会对你的新图像路径做一个console.log,以验证生成的路径与实际图像路径的对比。如果不知道提供给函数的r
的值,很难判断。
我突然想到的另一件主要事情是,你不需要完全替换图像元素。如果直接获得对图像元素的引用,然后将其src
属性更新为新位置,则会更干净。同样,如果没有更多的信息,很难给你任何更具体的信息。
- 获取我的数组中的每个 ID 映像 src
- 如何用我在HTML5画布上绘制的src保存图像文件
- 我的iframe赢了't在用javascript更改src值后,保留它的src值
- 当我更改 src 时没有刷新浏览器的 iframe
- 角度 (1.2) $sce阻止我的 blob src
- 将鼠标悬停在位于我的页面上的 iframe 上的绑定事件,其中包含包含的 src
- 为什么内部 html 的 src 属性无法识别我的动态生成的变量
- stripslashes() 在 iframe 提交后删除了我的 src
- 如何使用 jsp 表单元素内容(base64、文本)作为我的 html 图像 src
- 我想要从控制器绑定iframe的src
- 如何使用 jquery 在我的 IMG SRC 上添加路径
- InnerHtml赢得't更新我的图片的src
- 在我的html页面中避免使用多个src文件
- I'我试图将一个包含XMHTTPRequest脚本的js文件src到我的HTML中
- 为什么我的iframe's src就是这个页面
- 如何从index.html获得我的js文件的所有src
- 如何获得当前可见图像src填充我的表单字段
- 我'我想让我的src路径与外部ID结合
- Javascript:没有拾取我的"src"
- 为什么我的src切换在使用jquery和左/右keyup事件随机打破