文件上传

1.图片加载 赋值upload静态资源访问,这里可以获取到静态资源的url

2.图片移除,清除文件内容,一 干掉url中的值,二 ref的清空文件
	清空老图片

3.图片改变文件上传每次点上传都是一种图片改变。
	对应图片改变,就要进行相关的处理,
	a.图片大小
	b.图片格式
	等等
	对于这些处理都应确保逻辑的完整性。
	为何这样做,起到什么效果,处理了什么事情
	
4.图片回显,上传选择文件完成时,就已经获取到了文件静态资源
	将静态资源的url赋值给渲染对象的url路径。
	设置渲染对象可见
	回显新图片

5.图片上传,就是图片上传到静态资源指定位置。
	返回一个全路径的资源文件位置。
	需要传入一个参数对象供后台处理。
	为了更加方便后台操作。
	upload封装了file对象,提供了包括文件名,文件等信息
	供后台做文件数据处理

6.图片存储,将获取到的文件进行文件存储,指定文件位置。
	并返回一个全路径的文件名供前端做文件资源存放数据库管理!
	这里需要注意的事,文件存储涉及到盘符的细节处理!
	如果文件名匹配不上是会造成文件找不到的现象
            经过文件处理之后,
	截取不包含盘符的文件路径

7.图片数据提交,将图片的url做静态字符串存储。绑定数据库对应的属性
  表单提交。这样就完成了一个简单图片上传业务场景。


当然这只是简单业务场景下的图片,有时候存在业务场景,可传一张也可以传2张。
保存的时候保存域不在一个form的现象的特殊处理。

复杂的业务环境下,就需要注意更多的细节实现了!

这其中涉及到了表单验证规则的逻辑处理,表单属性的环境处理。	

关于图片保存的时候出现多张,我们可以从过程中做fileList的length进行监听。来做数据处理。

每个阶段都会产生对应的值!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值