发表于: 2020-08-01 22:33:29

0 2257


今日完成:

将上传图片标签采用绝对定位,使之位于一个图片,按钮,div等标签上。或者给图片,按钮或div设置绝对定位,总之,是要让上传文件按钮和用户指定的按钮重合。
给上传图片标签设置大大小,使之和与它重叠的图片,按钮,div等标签大小一致。
我将此标签设置为透明:opacity:0;

首先需要定义好一个<img>,src为空或者是默认图片,

如果src为空,就给定义好的img设置为透明:opacity:0;如果不是透明的话,会显示一个图片的标志,不美观。

点击上传图片后,获取上传的图片的src,将它赋值给事先定义好的<img>,再给<img>设置opacity:1;

ps:accept属性表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常见MIME类型见这里。

但是accept会使得浏览器调用文件选择界面的速度变慢,大概是与浏览器需要筛选不同类型的文件有关,不使用accept属性的话就不会有严重的延迟。

js需要监听input的交互事件,从而拿到file对象,塞进FormData的实例对象里,就能用ajax提交。



返回列表 返回列表
评论

    分享到