jquery獲取輸入數據？

我有一個上傳按鈕，當我上傳圖片時，它會預覽下面的圖片。我想獲取圖像的值並將其存儲在var中。（ 'example.png'）。如果上傳新文件，則需要更改。jquery獲取輸入數據？

額外：無論如何，我可以上傳多個圖像？如果我想上傳最多4個？

var loadFile = function (event) { 
 
    var reader = new FileReader(); 
 
    reader.onload = function() { 
 
     var output = document.getElementById('output'); 
 
     output.src = reader.result; 
 
    }; 
 
    reader.readAsDataURL(event.target.files[0]); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!-- File name - Image --> 
 
<input name="image-upload" id="image-upload" type="file" accept="image/*"   onchange="loadFile(event)"> 
 
<br> 
 
<br> 
 
<img id="output"/>

來源

2015-11-19 Ryan Holmes

對於上傳多張圖片，你可以** **多重屬性設置爲true和* * size **屬性爲** 4 **。例如， '''''' – sahil

您在顯示圖像時已經有圖像名稱。你想存儲圖像名稱有或沒有文件路徑？ – denisol

感謝您的回覆。我想用一個路徑在變量中存儲圖像名稱。 –

你可以嘗試將文件名這個功能存儲在一個變量調用：

var storeFileName = function() { 
    var files = []; 
    var upload = document.getElementById("image-upload"); 

    upload.onchange = function() { 
     for (var i = 0; i < upload.files.length; i++) { 
      files.push(upload.files[i].fileName); 
     } 
    } 
}

來源

2015-11-19 12:05:59 Leo

jquery獲取輸入數據？

回答

相關問題