1

我正在制作 PDF 查看器。我正在使用 ADOBE View SDK。我有一个文件输入，但问题是我想以不同的视图显示文件——全屏、半屏和内嵌。但是当用户选择一个文件并选择不同的视图时，整个页面会重新加载，然后用户必须再次选择该文件。我不希望用户再次选择文件。

文件输入：

<input type='file' onchange="listenForFileUpload(this);" id="file-picker" accept="application/pdf">

listenForFileUpload 函数：

    var fileToRead = document.getElementById("file-picker");
    fileToRead.addEventListener("change", function (event) {
        var files = fileToRead.files;
        var input = document.getElementById('file-data').value
        input = files
        console.log(files)
        document.getElementById('file-form').submit()
        if (files.length > 0 && isValidPDF(files[0])) {
            var fileName = files[0].name;
            var reader = new FileReader();
            reader.onloadend = function (e) {
                var filePromise = Promise.resolve(e.target.result);
                previewFile(filePromise, fileName);
            };
            reader.readAsArrayBuffer(files[0]);
        }
    }, false);
}

请帮助我在不重新加载的情况下更改视图。

4

1 回答 1

1

这是这里的这一行：

document.getElementById('file-form').submit()

您正在那里提交表格。我只是删除它。

于 2021-03-26T17:32:28.893 回答