Загруженное изображение не отображается после загрузки ajax в хром

Я сделал загрузку ajax с php.Everything, чтобы быть совершенным в firefox.

Но когда я проверяю его в браузере Chrome, он работает неправильно.

Это означает, что он отображает это: введите описание изображения здесь

Это мой код загрузки ajax:

$(function(){ var cntUp = 0; var btnUpload=$('#upload0'); var status=$('#status'); var state='left_front'; new AjaxUpload(btnUpload, { action: 'upload-file.php', data: {saleid: $("#hid_saleid").val(),imag_state:state,custom:$('#custom').val()}, name: 'uploadfile', onSubmit: function(file, ext){ if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ // extension is not allowed alert('Only JPG, PNG or GIF files are allowed'); return false; } this.setData({ 'saleid': $("#hid_saleid").val(), 'imag_state':'left_front', 'custom':$('#custom').val() }); status.text('Uploading...'); }, onComplete: function(file, response){ var array_data=response.split('***'); var fname= array_data[1]; var rand=Math.floor((Math.random()*10)+1); var saleid = $("#hid_saleid").val(); var custom = $('#custom').val(); //On completion clear the status status.text('image uploaded'); cntUp++; //console.log(cntUp); //Add uploaded file to list if (response.toLowerCase().indexOf("success") >= 0 ) { var image='<img src="uploads/'+saleid+'/'+fname+'" alt="" width="131px" height="125px"/>'; $("#img0").html(image); } else{ $('<li></li>').appendTo('#files').text(file).addClass('error'); //alert('error'); } } }); }); 

Это html-код:

 <div class="brwse_box"> <div style="float:left;" id="upload0"> <h3>Left Front</h3> <img src="images/upload.gif" /> </div> <div style="float:right; width:131; height:125" id="img0"> <?php if($l_ft==''||$l_ft==NULL) { ?> <img src="images/no-photo-lft-frnt.jpg" id="bg"/> <?php } if($l_ft!=''||$l_ft!=NULL){?> <img src="uploads/<?php echo $var_sid;?>/<?php echo $l_ft;?>" id="bg" width="131px" height="125px"/> <?php }?> </div> </div><!--browse_box ENDS--> 

Как я могу это решить?

Он отображает изображение в firefox.but в chrome, не отображая изображение вместо отображения html тега изображения.

РЕДАКТИРОВАТЬ:

Это значение возвращает в переменной fname :

left_front.jpg<div id=isChromeWebToolbarDiv" style="display:none"></div>

Кажется, у вас проблема в строке src. Проверьте это на escape-символы … Я бы сказал, что возможно, что fname содержит кавычки …

EDIT: Что такое «isChromeWebToolbarDiv»?

 fname = fname.replace(new RegExp("<div id=isChromeWebToolbarDiv(.*)</div>"),''); 

или просто

 fname = fname.replace(new RegExp("<div(.*)</div>"),''); 

после вашего EDIT на вопрос, он узнал, что

приходит в src

Это вызвано расширением Chrome под названием DVDvideosoftTB . Похоже, что добавление вышеуказанного HTML в запросы загрузки файлов. Вы можете легко отключить его:

  • Нажмите на значок гаечного ключа
  • Нажмите « Инструменты »
  • Нажмите « Расширения »
  • Отключить DVDvideosoftTB