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;

代替的upload.png我想显示图像，是通过php返回

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

由于

Answer 1

你能更具体地说明什么不起作用吗？

file.element是jQuery对象还是普通的DOM元素？也许你需要jQuerify它：

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

Answer 2

我不知道您是如何设置元素的，或者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');

                }
        })

在Html中显示图像预览

2 个答案: