发表于: 2020-08-01 22:33:29
0 2258
今日完成:
首先需要定义好一个<img>,src为空或者是默认图片,
如果src为空,就给定义好的img设置为透明:opacity:0;如果不是透明的话,会显示一个图片的标志,不美观。
点击上传图片后,获取上传的图片的src,将它赋值给事先定义好的<img>,再给<img>设置opacity:1;
ps:accept属性表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常见MIME类型见这里。
但是accept会使得浏览器调用文件选择界面的速度变慢,大概是与浏览器需要筛选不同类型的文件有关,不使用accept属性的话就不会有严重的延迟。
js需要监听input的交互事件,从而拿到file对象,塞进FormData的实例对象里,就能用ajax提交。
评论