Question

我在文本框中粘贴路径时以及单击文件读取按钮时尝试读取文件。问题是它没有读取 - 但是对于带有文件选项的输入标签，它正在读取。

你们能告诉我如何实现它吗？在下面提供我的代码。

https://codepen.io/texirv/pen/dzwrqM?editors=1111

<input class="laptop" placeholder="Paste link here to upload document." type="text" name="sportsBox" id="sportsBox">

$("#swimmingLink").click(function() {
      console.log("inside click function--->" );
            playerValue = $("#sportsBox").val().replace(/\\/g,"/");
            var coffee = playerValue.substring(playerValue.lastIndexOf('/')+1)

            console.log("playerValue--->" + playerValue);
            console.log("coffee--->" + coffee);

            //var myReader: FileReader = new FileReader();
            var myReader = new FileReader();

            //var textType = /text.*/;
            var file = playerValue.files[0];
            console.log("file---->" + file);

Answer 1

抱歉，由于安全原因，这无法实现。

当用户自己选择文件时，唯一可以获取文件的方法。

否则，任何人都可以从控制台运行一些简单的脚本，在您的应用程序/服务器上上传数千个恶意文件。这就是您需要带有类型文件的输入的原因。

从文本框中读取文件而不在输入标记中提供文件类型

1 个答案: