Question

我试图上传和预览pdf文档，这里是我的代码：

HTML

  <div>
    <input name="file" type="file" id="btnupload" />
    <input type="button" value="Preview" id="btnPrvw"  />
 </div>
 <embed width="575" height="500" id="embdLink"/>

jquery的

  $(document).ready(function () {
            var filename;
            $('#btnupload').change(function () {
                if (this.files[0].name != "") {
                    filename = $('#btnupload').val();
                }
            });
            $('#btnPrvw').click(function () {                  
                $('#embdLink').data = filename;
            });
        });

但它没有显示任何内容，做错了什么？期待很好的建议。

Answer 1

尝试使用.files对象，Blob，URL.createObjectURL()，在DOM [0]元素src属性$('#embdLink')[0].src p>

HTML

<embed width="100%" height="100%" name="plugin" id="embdLink" />

JS

$(document).ready(function() {
  var filename;
  $('#btnupload').change(function() {
    if (this.files[0].name != "") {
      filename = this.files[0]
    }
  });
  $('#btnPrvw').click(function() {
    $('#embdLink')[0].src = window.URL.createObjectURL(new Blob([filename], {"type":"application/pdf"}));
  });
});

在嵌入式链接中显示上传的PDF

1 个答案: