Fit项目图片上传和云存储的调通
2017-06-15 00:00
204 查看
项目中关于动作的说明需要相应的配图,这样可以更直观的说明动作要点。本篇主要为项目中动作的新增和编辑做准备,确定适合场景的上传操作逻辑以及图片的存储和加载的方法。
一 上传方案
a) 本来所用的模板中是有一款挺好的上传控件的,支持多选、拖拽、并行上传。
但探索了半天后才意识到这个并不适合当前的场景。不管是动作的新增还是编辑,上传图片后最好能即时地看到所添加的图片。这个控件无疑带来了功能上的冗余。
b) 最后采用了基于html file类型的输入框做成的按钮。
查看代码,可以发现这种按钮是在label中包含了一个input,而且input属性为hide。
c) input放在表单中,一般需要点击提交按钮才能上传,但对项目来说,这个提交按钮是多余的,改成选中图片后自动上传。需要注册图片选择按钮的change事件,并在事件中自动提交表单。
d) 上传表单提交到服务器后,读取文件并做后续的处理,可多选上传。SaveImgInCloud是与保存到第三方存储服务相关的方法。
二 云存储
a) 现在使用的云存储要先创建存储空间,并设置空间的访问权限,为了方便上传后的读取操作,设置为公开空间,后面再想别的办法增加访问保护。
然后,根据开发者文档操作,这个虽然之前已经用过了,但仍然遇到不少麻烦。
b) 密钥测试时临时保存在常量中。第一次试验时上传失败,是因为没有设置区域,最后设置为自动识别区域Config.AutoZone()。
c) 另外还有同名文件覆盖的问题,按照文档要设置putPolicy.Scope = bucket + ":" + saveKey,否则会保留第一次上传的。
d) 文档提供了简单上传、字节上传、流式上传几种方式,本次使用流式上传。将file.InputStream作为上传对象即可。
一 上传方案
a) 本来所用的模板中是有一款挺好的上传控件的,支持多选、拖拽、并行上传。
但探索了半天后才意识到这个并不适合当前的场景。不管是动作的新增还是编辑,上传图片后最好能即时地看到所添加的图片。这个控件无疑带来了功能上的冗余。
b) 最后采用了基于html file类型的输入框做成的按钮。
查看代码,可以发现这种按钮是在label中包含了一个input,而且input属性为hide。
c) input放在表单中,一般需要点击提交按钮才能上传,但对项目来说,这个提交按钮是多余的,改成选中图片后自动上传。需要注册图片选择按钮的change事件,并在事件中自动提交表单。
d) 上传表单提交到服务器后,读取文件并做后续的处理,可多选上传。SaveImgInCloud是与保存到第三方存储服务相关的方法。
二 云存储
a) 现在使用的云存储要先创建存储空间,并设置空间的访问权限,为了方便上传后的读取操作,设置为公开空间,后面再想别的办法增加访问保护。
然后,根据开发者文档操作,这个虽然之前已经用过了,但仍然遇到不少麻烦。
b) 密钥测试时临时保存在常量中。第一次试验时上传失败,是因为没有设置区域,最后设置为自动识别区域Config.AutoZone()。
c) 另外还有同名文件覆盖的问题,按照文档要设置putPolicy.Scope = bucket + ":" + saveKey,否则会保留第一次上传的。
d) 文档提供了简单上传、字节上传、流式上传几种方式,本次使用流式上传。将file.InputStream作为上传对象即可。
相关文章推荐
- Fit项目图片上传和云存储的调通
- 分布式图片上传存储浏览解决方案(ToolKit Framework Web开发框架示例项目)
- 项目图片上传存储的目录部分代码思路Calendar类获取年月日
- 上传图片用到的(js,action)-Hired My way 项目
- 终于搞定使用node.js +redis 作为服务端,提供图片上传存储服务
- asp.net图片上传并存储到数据库中
- 批量上传图片(带百分比进度显示)项目源码
- 任意上传图片的存储的设计思路
- android 手机拍照上传项目的开发-----Camera1.2(图片文件的翻转及缩放操作)
- php图片上传存储源码,可实现预览
- 运用ORACLE的OO4O类库函数解决调用存储过程向远程数据库上传超过32K图片失败的问题
- 上传图片文件(支持远程存储)
- 求C#上传图片到oracle数据库的存储过程和程序代码。
- 往MySQL中存储图片 ---java项目中
- 项目中要上传图片ios 用http post,学习
- php图片上传存储源码,可实现预览
- 用C语言写的ISAPI上传文件(图片)、显示图片、图片存储以及可供其它语言调用的方式、和程序源代码
- asp.net图片上传 ----上传至数据库---上传至项目文件夹
- c# winform项目treeview控件绑定本地电脑磁盘信息,浏览磁盘图片,上传本地图片控件
- java web项目中上传文件、图片路径问题