HTML 图片上传以及图片加载失败时使用默认图片
来源:互联网 发布:淘宝助理要验证吗 编辑:程序博客网 时间:2024/05/24 15:36
有时候我们需要加载用户的头像,当用户没有上传过头像或者加载失败时,就需要加载默认的图片,那么其实很简单,如下
<img src="要加载的图片地址" onerror="this.src='默认图片地址'">
那么如何做一个上传图片的表单呢?也很简单,如下:
<form action="上传控制器或者api的路由" method="post" role="form" onsubmit="提交事件的回调函数" enctype="multipart/form-data"> <img src="要加载的图片地址" onerror="this.src='默认图片地址'"> <input type="file" name="image"> <button type="submit">上传头像</button></form>
enctype="multipart/form-data"
是在表单中存在图片文件时必须要加的 <input type="file">
是默认上传文件的表单组件
1 0
- HTML 图片上传以及图片加载失败时使用默认图片
- HTML img图片加载失败时用默认图片替换
- html图片加载失败时显示默认图片
- 图片加载失败时展示默认图片
- angularjs 图片加载失败时,加载默认图片
- 图片加载失败,显示默认图片
- 图片加载失败,显示默认图片
- 如果图片加载失败,显示默认图片
- 图片加载失败显示默认图片
- 图片加载失败或默认图片
- html img加载失败,怎样替换为默认图片
- JavaScript-----图片加载失败则加载默认图片
- flex 加载图片失败,设置默认显示图片
- js处理img标签加载图片失败,显示默认图片
- JS图片加载失败用默认图片代替
- JS处理img标签加载图片失败,显示默认图片
- 当原图片加载失败时,如何让图片加载上我们默认给的图片
- html img 加载错误时显示默认图片
- 如何在Android Studio里设置一个项目所用的Build Tool版本?
- BZOJ 2253 纸箱堆叠(CDQ分治)
- CppCMS1.0.3 Build by VS2012
- iOS学习笔记--瀑布流封装
- css实现背景透明文字不透明
- HTML 图片上传以及图片加载失败时使用默认图片
- 回溯反向打印一个数组
- ExtJS前端在项目中使用
- 40、Oracle database 11g 在windows xp下的安装步骤
- Notepad++ 主观感受
- Docker常用命令
- c++第三次实验
- linux 串口触摸屏调试记录
- Java注释详解