複数画像をアップロードをしたく以下のQiitaが理想のコードですが、どのように
JavascriptをVue.jsで再現したらよいか分からず困っています。
コードの教授お願いします。
元リンク
https://qiita.com/mochizukikotaro/items/ff6cd42e902e79b02649
Javascript
1<script> 2 document.getElementById('article_image_file_name').onchange = function(event){ 3 initializeFiles(); 4 5 var files = event.target.files; 6 7 for (var i = 0, f; f = files[i]; i++) { 8 var reader = new FileReader; 9 reader.readAsDataURL(f); 10 11 reader.onload = (function(theFile) { 12 return function (e) { 13 var div = document.createElement('div'); 14 div.className = 'reader_file'; 15 div.innerHTML = '<div class="reader_title">' + encodeURIComponent(theFile.name) + '</div>'; 16 div.innerHTML += '<img class="reader_image" src="' + e.target.result + '" />'; 17 document.getElementById('list').insertBefore(div, null); 18 } 19 })(f); 20 } 21 }; 22 23 function initializeFiles() { 24 document.getElementById('list').innerHTML = ''; 25 } 26</script>
あなたの回答
tips
プレビュー