отобразить предварительный просмотр изображения в формате HTML

Question

я хочу отобразить изображение после его загрузки

я пишу следующий код, но он не работает

  onFileSuccess: function(file, response) {
        var json = new Hash(JSON.decode(response, true) || {});

        if (json.get('status') == '1') {
            file.element.addClass('file-success');
        } else {
            file.element.addClass('file-failed');

        }
    })

и li

         <li class="file file-success">
         </li>                

класс успеха файла

     #img-list li.file.file-success {
background-image: url(uploading/assets/uploaded.png);
     }

и мой php возвращает имя изображения после загрузки, как это

       $info1='../uploads/' . $newfilename; 
       $return['fpath'] = $info1;

вместо uploaded.png Я хочу показать изображение, возвращаемое по php в

      $return['fpath'] = $info1; statement

Спасибо

Answer 1

Я не знаю, как у вас настроены элементы или как выглядит json, но может быть лучше добавить само изображение в <li>, а не устанавливать его в качестве фона.

onFileSuccess: function(file, response) {
                var json = new Hash(JSON.decode(response, true) || {});

                if (json.get('status') == '1') {
                        file.element.addClass('file-success');
                        file.element.append('<img src="' + json.get('filename') + '">'); 
                } else {
                        file.element.addClass('file-failed');

                }
        })

Answer 2

Не могли бы вы рассказать о том, что не сработало?

Является ли file.element объектом jQuery или простым элементом DOM? Возможно, вам нужно jQuerify:

$(file.element).addClass('file-success');