Question

我希望在更改组合框文本时在img元素中显示一些图像。此组合框具有一些图像名称，并在其值部分（均值）中存储文件路径。我尝试使用像

这样的jquery

$("#top_select").change(function(){
var value=$(this).val();
$("#top_img").attr("src",value);

});

但是，图片无法加载。我将这些文件路径存储在我的数据库中，并从那里填充了组合框id = top_select。

浏览器：资源管理器8

任何帮助？

Answer 1

您使用的代码是正确的。如果有任何错误，请检查浏览器错误控制台。

否则你可以选择

 $("#top_select").change(function(){
    var value=$(this).val();
$("#img_holder").html('<img src="'+value+'" />');
    });

确保正确获取图像路径

Answer 2

试试这个：

  $("#top_select").change(function (e) {
    var file = this.files;
    readImage(file,function(event){
       $("#top_img").attr("src", event.target.result); 
     });
  });

function readImage(input, callback) {
    if (input && input[0]) {
       var FR = new FileReader();

       FR.readAsDataURL(input[0]);
       FR.onload = callback;
   }
}

如何使用jquery更改img元素的src属性

2 个答案: