如何在Jquery中将上传的文档显示为缩略图

我上传了一些文件，提交后我打电话给一些服务， 然后我在响应中以一些URL的形式获取这些文档，如下所示

{
"documents": [{
    "contentURL": "http://someexample1url",
    "format": "xls",
    "createdt": "12/27/2016"
}, {
    "contentURL": "http://someexample2url",
    "format": "doc",
    "createdt": "12/27/2016"
}, {
    "contentURL": "http://someexample2url",
    "format": "doc",
    "createdt": "12/27/2016"
}]
}

下面是我的Jquery代码

function handleFileSelect(documents) {
    var files = documents[0].contentURL;
    var f = files;
    var reader = new FileReader();

      reader.onload = (function(files) {
            return function(e) {
              $("#some_id").html('<img src='+files+' width="50"/>');
            }
      })(f);

      reader.readAsDataURL(f);
   }

功能手柄文件选择（文档）{
var files=文档[0]。contentURL；
var f=文件；
var reader=new FileReader（）；
reader.onload=（函数（文件）{
返回函数（e）{
$（“#some_id”）.html（“”）；
}
})（f） )；
reader.readAsDataURL（f）；
}

我不确定自己哪里出了问题，而且觉得有点难弄清楚。 请帮助我。不同的想法也会帮助我。

您必须从文件变量中删除双引号
You have to remove double quotes from files variables

   function handleFileSelect(documents) {
            var files = documents[0].contentURL;
            var f = files;
            var reader = new FileReader();

              reader.onload = (function(files) {
                    return function(e) {
                      $("#some_id").html('<img src='+files+' width="50" >');
                    }
              })(f);

              reader.readAsDataURL(f);
           }

函数handleFileSelect（文档）{
var files=文档[0]。contentURL；
var f=文件；
var reader=new FileReader（）；
reader.onload=（函数（文件）{
返回函数（e）{
$（“#some_id”）.html（“”）；
}
})（f） )；
reader.readAsDataURL（f）；
}

函数预览文件（）{
var preview=document.querySelector（'img'）；
var file=document.querySelector（'input[type=file]'）。files[0]；
var reader=new FileReader（）；
reader.onloadend=函数（）{
preview.src=reader.result；
}
如果（文件）{
reader.readAsDataURL（文件）；
}否则{
preview.src=“”；
}
}

在这种情况下，我们只能创建图像类型的缩略图，但对于文档，我不会显示任何这样的缩略图。因此，我们有什么方法可以显示一个缩略图，并且我也想使用我提到的响应的URL，而不是从上传按钮，您可以考虑将JSON字符串转换为实际JSON:var XDOCS= JSON.PARSE（文档）；然后在其余步骤中使用xdocs