如果给image控制动态赋值

hua_love2011

如题：如何给image控件动态赋值（不好意思标题没注意给打错了）
想实现通过某个按钮获取图片的路径信息，并在前台显示出图片。以下是我写的代码，图片没出来，求解？
前台调用代码：
Model.prototype.button3Click = function(event) {
                var me = this;

                Baas.sendRequest({
                        "url" : "/hello/hello",
                        "action" : "getImgInfo",
                        "params" : {
                                code : "10010"
                        },
                        "success" : function(resultData) {
                                //me.comp("image").set({'bind-attr-src' : resultData.img})；
                                $("#image").attr('src', resultData.img);
                        }
                });
        };

Baas 中的方法如下：
        // 获取图片路径信息（E盘放了一张图片做测试）
        public static JSONObject getImgInfo(JSONObject params, ActionContext context) throws JsonGenerationException, JsonMappingException, IOException {
                String imgCode = params.getString("code"); // 获取图片的编码

                JSONObject map = new JSONObject();
                String img = "E:\\" + imgCode + ".png";
                map.put("img", img);

                return map;
        }

jkshare

使用cdv地址转换

hua_love2011

jkshare 发表于 2017-11-14 20:09
使用cdv地址转换

不懂你的意思，请问能说明白一点吗？

liangyongfei

F12 自己 调试 看下 image标签里面的src属性值是什么？？  
服务器上你返回的是一个本地路径！  在客户端，这个路径正确吗？？

建议img提供bind-attr-src绑定一个data字段或ＫＯ对象！通过修改ｄａｔａ字段或KO对象的值！ URL自然会自动变化的！

可以参考
http://docs.wex5.com/wex5-ui-question-list-2086

jkshare

hua_love2011 发表于 2017-11-15 08:45
不懂你的意思，请问能说明白一点吗？

你的数据库获取的是本地路径，移动端本地路径需要转换为cdv地址赋值显示

或者使用base64也可以

hua_love2011

liangyongfei 发表于 2017-11-15 11:16
F12 自己 调试 看下 image标签里面的src属性值是什么？？  
服务器上你返回的是一个本地路径！  在客户端， ...

Model.prototype.button3Click = function(event) {
                var me = this;

                Baas.sendRequest({
                        "url" : "/hello/hello",
                        "action" : "getImgInfo",
                        "params" : {
                                code : "10010"
                        },
                        "success" : function(resultData) {
                                imgUrl = resultData.img;
                        }
                });
                this.getImageUrl();
        };

        Model.prototype.getImageUrl = function() {
                return require.toUrl(imgUrl);
        };

我在前台打印了，imgUrl能获取到图片的地址信息。我也将img控件的bind-attr-src属性绑定了getImageUrl方法，还是显示不出来。麻烦再帮忙看看那块有问题。
另外还有一个问题，我的图片都是以二进制的方式存在数据库中的，并且格式为tif。平台能显示该格式的图片吗？

hua_love2011

jkshare 发表于 2017-11-15 12:13
你的数据库获取的是本地路径，移动端本地路径需要转换为cdv地址赋值显示

或者使用base64也可以 ...

能有案例给参考一下吗？刚接触WEX5平台

jkshare

hua_love2011 发表于 2017-11-15 12:25
能有案例给参考一下吗？刚接触WEX5平台

本地地址在浏览器端测试不好
最好是apploader测试


cdv参考 http://docs.wex5.com/cordova-plugin-file/

liangyongfei

hua_love2011 发表于 2017-11-15 12:21
Model.prototype.button3Click = function(event) {
                var me = this;

bind-attr-src  应该绑定的是ＫＯ对象
ｋｏ对象的定义参考
http://doc.wex5.com/data-bind-text/

赋值应该是imgUrl.set(resultData.img)

hua_love2011

liangyongfei 发表于 2017-11-15 14:00
bind-attr-src  应该绑定的是ＫＯ对象
ｋｏ对象的定义参考
http://doc.wex5.com/data-bind-text/

能远程帮忙看一下吗？你说的我越来越不明白了。imgUrl.set(resultData.img)中的imgUrl是啥？imgUrl只是我定义的一个全局变量，不是data中的字段或方法。
我刚定义了一个data，在里面添加了一个字段为imgUrl。并用image控件的bind-attr-src属性绑定了该imgUrl。还是不行。不知道具体是那块有问题，请指点。
Model.prototype.button3Click = function(event) {
                var me = this;
               
                Baas.sendRequest({
                        "url" : "/hello/hello",
                        "action" : "getImgInfo",
                        "params" : {
                                code : "10010"
                        },
                        "success" : function(resultData) {
                                imgUrl = resultData.img;        //获取后台返回的图片路径
                                me.comps("imgUrlData").setValue("imgUrl",imgUrl);        //将获取到的图片路径赋值给imgUrlData中的imgUrl字段
                        }
                });
//                this.getImageUrl();
        };