上传文件的样式我稍微改了一下,我现在想把那个默认上传文件按钮和拖拽上传的合二为一。
我现在在 css 里把默认的上传 input type=file 这个给隐藏,我想让点击
思路应该给 input type=file 绑定 onclick 事件,然后弄个点击动作,让点击 id=a 的 div 去做 input type=file 的上传文件事情。
就是我现在拖拽到这里也可以,点击中间的 icon 图标也可以上传。
另外之前那个预览图都显示在这个拖拽框下面都,怎么可以让显示到这个拖拽框里面。我的思路就是加个 if 判断下,
关于自定义 file 类型的 input,你可以把 file 类型的 input 隐藏起来,然后用一组 label 标签包装一下这个元素,label 上面用 for 属性设置一下它相关的元素,也你是你可以在 file 类型的 input 元素上面,添加一个 id=file,那你在 label 元素上,用 for=file,这样你点击这个 label 的时候,就相当于是点击了 file 类型的 input。
这样你就可以自定义 label 元素的样式就可以了。
关于预览图的位置,这个实现的方法有很多,怎么样都行其实。把这个逻辑想明白,然后做些实验就行了。
这个 js 都不用写,预览图那个用 v-if 和 v-else 搞定