位置: 编程技术 - 正文

html5+javascript实现简单上传的注意细节

编辑:rootadmin

推荐整理分享html5+javascript实现简单上传的注意细节,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

简单记录下今早做H5上传中一些代码还有坑

一、展示

因为前端上传文件是必须通过form表单的,不能使用ajax,这样的话一个移动页面放入一个type为file的input真心不怎么好看,如下图,很挫有没有

html5+javascript实现简单上传的注意细节

解决办法找了下,PC上有些是把这个input换成flash,采用jquery的工具库比如uploadify来做,但是移动端大部分浏览器是不支持flash的。所以最后采用的办法还是用form表单的形式,只是把这个form和input的透明度设置为0,让它们和准备显示的内容同时在一个div中,显示的内容可以做成自己想要的样子。代码如下:

样子如图,这样展现就在“上传图片”这个p标签中,点击它就有选择file的效果

二、JS代码

我这边写的蛮简单的,只是用了下h5上传的的基本功能

html代码如下,action为要请求的路径,我这边做的是当文件发生改变时就上传修改头像,input标签的name属性不能省去,具体跟后端接口有关

细节决定成败,所以做任何事情都要认真对待。

标签: html5+javascript实现简单上传的注意细节

本文链接地址:https://www.jiuchutong.com/biancheng/373469.html 转载请保留说明!

上一篇:基于Bootstrap实现Material Design风格表单插件 附源码下载(bootstrap基础)

下一篇:使用PHP+JavaScript将HTML页面转换为图片的实例分享(使用时间)

  • 个体工商户需要进项发票吗
  • 商品流通企业税种有哪些
  • 什么是节税?
  • 哪些进项税额可以抵扣销项税额
  • 计提工资时个税怎么处理
  • 牵引车和挂车都要购买交强险吗
  • 个体工商户免费刻章
  • 出差补贴要不要发票
  • 差旅费的现金流
  • 企业清算的资产包括
  • 信用减值损失可以并入哪个科目
  • 经营性文化事业单位有哪些
  • 住房公积金比例一般是多少
  • 随意变更会计处理方法违背了
  • 实际收到股票股利的分录
  • 土地使用税为什么不计入存货成本
  • 企业代缴个人所得税打印完税证明
  • 一般纳税人的账户是基本账户吗
  • 出售房产税收
  • 电费收入印花税如何计算
  • 钢结构制作安装合同
  • 单位有临时工工资怎么发
  • 收到税局代增值税专用发票已作废的退款怎么做账
  • 机票保险可以报销入账吗
  • 记账凭证应交税费应交增值税怎么写
  • 预提固定资产折旧费
  • 小规模所得税表格模板
  • 自建商品房转为自用增值税
  • 收购农产品再销售最新税收政策
  • 差错更正未来适用法
  • 报税系统维护费怎么入账
  • 收到货款发票怎么记账
  • 预提费用年终有余额怎么办
  • thinkphp 路由
  • 红掌的养殖方法和注意事项
  • 代销商品受托方记账
  • 营业利润投资收益是借方还是贷方
  • win7系统配置服务哪些启用
  • spring boot 接受参数
  • 如何解决php使用延迟问题
  • thinkphp yii
  • uni-app实战教程
  • php数据统计分析
  • import vue from vue报错
  • 红字专用发票是红色的吗
  • 应付账款零头怎么处理
  • win11装双系统虚拟机mac
  • html+css+js网页设计期末作业付源码
  • 前端进阶路线
  • 哪些研发费用可以资本化
  • 增值税申报表填错不影响税额
  • dedecms织梦不同栏目导航显示不同样式的方法
  • sql执行顺序优先级
  • 小规模差额征税的税率是3%还是5%
  • 应交税费在会计科目的借贷方向
  • 销售租赁服务税率
  • 固定资产账实不符违反的规定
  • 主营业务成本工资计提吗
  • 收据注明实际到账时间
  • 会计怎么做的
  • 银行承兑汇票怎么做账
  • sql server语句查询
  • sql中的非逻辑
  • sqlserver数据库事物日志已满
  • culauncherexe是什么进程
  • w7系统怎么扫描
  • g++.exe error
  • mmc.exe是什么
  • win10桌面图标无法正常显示
  • windows右键菜单
  • shell脚本转换文件编码
  • bat批处理脚本教程
  • 骨骼动画程序设计
  • android系统架构由几部分组成
  • nodejs事件循环和js事件循环
  • 小助手是什么软件
  • JavaScript中的数据类型分为两大类
  • js发送请求的几种方式
  • qq个人资料显示王者战绩
  • 韩国工资多少人民币
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设