從文本框中讀取文件時未在輸入標記中輸入文件類型

我正在嘗試在文本框中粘貼路徑並單擊文件讀取按鈕時讀取文件。問題在於它沒有讀取 - 但是對於帶有文件選項的輸入標籤，它正在讀取。從文本框中讀取文件時未在輸入標記中輸入文件類型

你們能告訴我如何實現它嗎？在下面提供我的代碼。

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);

來源

2017-08-31 texi rv

onpaste事件。 https://www.w3schools.com/jsreF/event_onpaste.asp。你正試圖在錯誤的時刻閱讀價值。 – PedroSouki

@PedroSouki嘿我試過了，但無法實現在粘貼上使用...你能在我的小提琴更新 –

網頁無法以這種方式讀取文件。它只能訪問用戶通過文件輸入明確選擇的文件，或者從文件瀏覽器拖放到瀏覽器上。 –

很抱歉，這不能被實現，由於安全方面的原因。

當用戶選擇自己的文件時，您可以獲取文件的唯一方法。

否則，任何人都可以從控制檯運行一些簡單的腳本，以在您的應用/服務器上傳數千個惡意文件。這就是爲什麼你需要一個類型文件的輸入。

來源

2017-08-31 17:46:25 VikDev

從文本框中讀取文件時未在輸入標記中輸入文件類型

回答

相關問題