关于七牛云文件的上传 #9

Activity

1. surmon-china commented on May 2, 2017

   

   surmon-china

   on May 2, 2017

   Owner

   More actions

   你指这个吗？
   https://github.com/surmon-china/angular-admin/blob/master/src/app/theme/components/baPictureUploader/baPictureUploader.html

   其实就两个事件：

   • 删除当前图片（已上传图片）
   • 重新上传图片/或者说是上传图片
2. Hjyheart commented on May 3, 2017

   

   Hjyheart

   on May 3, 2017

   Author

   More actions

   是 是这段代码 我不懂为什么这边要用到三个按钮 七牛云sdk绑定的那个按钮甚至都没有用 第一个按钮的点击事件只是去模拟点击第二个隐藏的按钮 就不是很懂这个逻辑 但不这么做似乎又传不上文件 就来讨教一下这个“三按钮”大法的原理
3. surmon-china commented on May 3, 2017

   

   surmon-china

   on May 3, 2017

   Owner

   More actions

   https://github.com/surmon-china/angular-admin/blob/master/src/app/theme/components/baPictureUploader/baPictureUploader.component.ts#L150

   https://github.com/surmon-china/angular-admin/blob/master/src/app/theme/components/baPictureUploader/baPictureUploader.component.ts#L20

   https://angular.io/docs/ts/latest/api/core/index/Renderer-class.html#!#invokeElementMethod-anchor

   看这里就明白啦，用几个按钮不重要，重要的是用按钮发起input控件原生的上传方法，使用的是invokeElementMethod这个API。
4. surmon-china

   closed this as completedon May 3, 2017
5. surmon-china commented on May 3, 2017

   

   surmon-china

   on May 3, 2017

   Owner

   More actions

   另外，七牛云sdk提供的按钮确实没用上，而是直接调用了七牛云sdk的上传文件api。

   代码在此：https://github.com/surmon-china/angular-admin/blob/master/src/app/theme/components/baPictureUploader/baPictureUploader.component.ts#L146
6. Hjyheart commented on May 4, 2017

   

   Hjyheart

   on May 4, 2017

   Author

   More actions

   非常感谢
7. surmon-china

   pinned this issue on Jul 26, 2019