Form表单上传文件,上传成功后获取返回数据

项目开发过程中,涉及到了图片上传和文件上传。在做"图片上传"和"文件上传"的功能时,我在项目中用的是form表单,简单示例如下:

一、图片或文件上传

HTML代码如下:


在页面渲染效果如下:


选择文件,点击提交,执行结果如下:



由上面执行结果的第一张图可知,Form表单中的action已被执行;由上面执行结果的第二张图可知,所选文件及相关信息已被上传。上传完成,剩下的事交给后台处理。

二、上传完成后,获取返回信息。

图片或文件上传完毕后,我们需要通过后台的返回信息来判断上传是否成功,获取返回信息的方法,通过下面简单示例介绍:

JS代码:


执行结果如下:


由执行结果图可以看到,“内部服务器错误”的信息被获取并打印出来。

另外,通常在项目中,iframe是隐藏的,这里显现出来是为了更加直观。


  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值