如何自定義<input type =“file”>？是否有可能改變外觀<input type="file">？
3 回答
守候你守候我
TA貢獻1802條經(jīng)驗 獲得超10個贊
您無法對input[type=file]控件本身進行太多修改。
由于單擊label與輸入正確配對的元素將激活/聚焦它，我們可以使用a label來觸發(fā)OS瀏覽對話框。
這是你如何做到的......
label {
cursor: pointer;
/* Style as you please, it will become the visible UI component. */}#upload-photo {
opacity: 0;
position: absolute;
z-index: -1;}<label for="upload-photo">Browse...</label><input type="file" name="photo" id="upload-photo" />
表單控件的CSS將使其看起來不可見，并且不占用文檔布局中的空間，但仍然存在，因此可以通過它激活它label。
如果你想顯示選擇后用戶所選擇的道路，你可以監(jiān)聽change使用JavaScript事件，然后讀取瀏覽器提供給您的路徑（出于安全原因，它可以騙你約的確切路徑）。為最終用戶提供漂亮的方法是簡單地使用返回的路徑的基本名稱（因此用戶只需查看所選的文件名）。
添加回答
舉報
0/150
提交
取消