Markdown 编辑器可以上传图片啦

使用 editor.md ,没费多大劲就加上了图片上传功能。目前的上传流程是:浏览器 -> 服务器端 -> 七牛 -> 返回图片路径。以后再研究下看看能不能实现直接从服务器到七牛。

共 21 个回复


shenjiayu

用七牛的JS SDK,就可以了。在服务端给个URL用来获取token的就好了~SDK会去指定的URL拿Token用来之后直接上传到七牛服务器的~

# 0

jimmykuu

客户端直接上传功能我也写过的,但是目前直接跟 editor.md 结合还是有困难。需要继续研究。

# 1

Justin

测试
试一试新功能

# 2

yue

good

# 3

jimmykuu

什么浏览器?

# 5

yue

我在Ubuntu Chromium下测也传图失败。(ubuntu Firefox也测失败)

图片有上传动作,看状态栏没到100%就结束了,最终的图片地址也上不来。

# 6

jimmykuu

好的,多谢,我测试下。

# 7

joe9i0

Ubuntu Gnome 15.04
Chrome 42.0.2311.152 (64-bit)

点击本地上传,选择图片后毛反应都没有…

更新:
有看到上传进度,闪了一下就没反应了。

下面的控制台错误信息:

POST http://www.golangtc.com/upload/image?guid=1431660463743 500 (Internal Server Error)x.event.trigger @ 
jquery.min.js:5(anonymous function) @ 
jquery.min.js:5x.extend.each @ 
jquery.min.js:4x.fn.x.each @ 
jquery.min.js:4x.fn.extend.trigger @ 
jquery.min.js:5(anonymous function) @ 
image-dialog.js:168x.event.dispatch @ 
jquery.min.js:5y.handle @ 
jquery.min.js:5 

554e2603421aa9482c000002:2 Uncaught SyntaxError: Unexpected token <
# 8

jimmykuu

解决了路径错误的 Bug,这个应该是导致某些平台下 Chrome 和 Safari 不能上传的错误所在。

修改了图片对话框的代码,解决了 Firefox 不能上传的问题。

如果还有问题请提出。

# 9

nadoo

markdown非常不错

添加不了图片,点击图片按钮没反应

# 11

jimmykuu

@nadoo ,方便告知操作系统及浏览器版本吗?

# 12

cnphpbb

me
MACBOOK 测试!!!

# 13

kevinhuo

Hi Jimmy, 我下载了你的gopher代码,我用我的七牛的AK和SK替换了你的AK和SK,另外在这个文件views.go我用我的七牛的域名替换了你的七九域名,然后重新编译的代码运行,但是当我上传图片时,不能显示图片地址,上传不成功,请问如何修改你的代码实现上传图片到七牛,多谢多谢!

# 14

jimmykuu

/static/js/application.js 里配置一下七牛的域名。

# 15

kevinhuo

多谢你及时回复,但是我现在又出现下面的错误,烦请指正:

# 16

jimmykuu

检查一下 views.go 里面的 uploadImageHandler 方法是不是报错了。

# 17

kevinhuo

I like her very much!

# 19