输入模型之图片上传

我们自带的输入模型,只有一个图片上传的位置。真正服务客户过程中,可能需要结合 extends.??? 标签来做上传多个图片的输入模型。 ## 前提 要看这片文章,首先你要看完 [输入模型简单使用入门](5897.html "输入模型简单使用入门") ,并且已会使用为前提 ## 方式一,直接提供现成的html、js代码 直接将下面代码,复制,你想加入到你输入模型哪里,就粘贴到输入模型代码的哪个位置。注意里面的id不要跟你输入模型中原有的id重名 ```` ```` 加入后,保存输入模型,再回到内容管理中,编辑某个使用这个内容模型的内容,点一下按钮看看,能否上传图片。 若能正常上传图片,其中的alert的地方,可根据自己的意愿用js写实现方式。 ## 方式二,自己使用图片上传 API 接口定制 #### url http://wang.market/sites/uploadImage.do #### Request Method POST #### 表单提交 以form表单提交的形式,提交一个参数名为 image 的图片。也就是相当于你要用js进行下面的提交。 ```` ```` #### 响应 ```` { "result":1, "info":"success", "fileName":"1ebfbf74d00248e3810bb48da5c65cb2.png", "path":"site/1144/news/1ebfbf74d00248e3810bb48da5c65cb2.png", "url":"//cdn.weiunity.com/site/1144/news/1ebfbf74d00248e3810bb48da5c65cb2.png", "size":11 } ```` | 参数名称 | 类型 | 示例值 | 描述 | | ------------ | ------------ | ------------ | ------------ | | result | int | 1 | 执行情况。
1:执行成功;
0:执行失败 | | info | String | success | 若result为0,这里返回失败的原因
若result为1,是执行成功,这里没有什么用 | | fileName | String | | 上传的图片文件的名字 | | url | String | | 上传的图片文件的URL绝对路径,保存的也都是这个 |