前端css+js實現自定義上傳文件/圖片按鈕，並顯示已選文件/圖片名稱

默認的文件上傳按鈕樣式（以下圖）確實不太好看，想展示得美觀一些就本身寫一個樣式吧。 下面咱們作一個自定義的上傳按鈕效果，上傳後把已上傳文件/圖片名稱也顯示出來。 實現思路也很簡單： 一、先把原元素隱藏起來，本身寫一個好看的按鈕 二、點擊自定義按鈕時觸發原元素點擊事件達到選擇文件上傳的效果（等同於觸發了原input元素 ）css 最終效果以下圖： 1、html部分代碼：html <div>

>>阅读原文<<