如何在不提交表單的情況下從輸入字段獲取文件路徑？

Question

我想讓用戶選擇一個文件。 路徑位置應存儲在JavaScript字符串中。 驗證之后，我想對服務器進行ajax調用，以使用PHP將文件上傳到服務器。

我不想直接提交表單，因為頁面會重新加載，並且執行了許多sql查詢，並且會對服務器造成不必要的負載。

    <input type="file" id="files" name="files[]" multiple />
    <output id="list"></output>

    <script>
      function handleFileSelect(evt) {
        var files = evt.target.files; // FileList object

        // files is a FileList of File objects. List some properties.
        var output = [];
        for (var i = 0, f; f = files[i]; i++) {
          alert(JSON.stringify(f));
          output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                      f.size, ' bytes, last modified: ',
                      f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
                      '</li>');
        }
        document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
      }

      document.getElementById('files').addEventListener('change', handleFileSelect, false);
    </script>

此警報為我提供了詳細信息，但沒有提供我想要的路徑。

關於獲取路徑的任何幫助，這樣我就可以使用jquery通過ajax傳遞字符串，並使用move_uploaded_file使用php上傳文件。

提前致謝。

Answer 1

到用戶選擇時，您應該已經有了一個值。 只需找到某個地方存儲它，然后將其拉回您需要的位置即可。 如果您不想僅僅為了獲取值而提交表單，則可以在繼續使用實際表單之前，包括從中獲取值的選擇/選項組合。 沒有選擇=沒有表格。 選擇=表格，但尚未提交。