????????<nav?class="bar?bar-tab">
????????????????<div?class="row">
????????????????????<div?class="col-50"><a?href="#"?class="button?button-big">mine</a></div>
????????????????????<div?class="col-50">
????????????????????????<form?id="signupListImportForm"?enctype="multipart/form-data">
????????????????????????????<input?type="file"?id="btn-file"?style="display:none"?name="uploadFile"?onchange="uploadFile()"/>
????????????????????????????<a?onlick=""?class="button?button-big?button-fill">upload</a>
????????????????????????</form>
????????????????????</div>
????????????????</div>
????????</nav>
2019-06-18
我們熟悉的前端上傳文件一般是兩個按鈕，一個點擊彈出文件對話框選擇文件，另外一個點擊是上傳文件。在本次課程中我們只使用了一個按鈕用來上傳，那么選擇文件怎么做的呢？
<a onclick="selectFile()" class="button button-big button-fill">上傳</a></div>
是監聽按鈕的動作，當點擊時是觸發selectFile函數。當使用selectFile選擇完文件后，input標簽的內容變為選中狀態，而onchange 監聽到變化后會調用uploadFile函數。
可以參考源碼：?https://github.com/willierGo/simpleVlog/blob/master/src/vlog/main.html