帖子
帖子
用户
博客
课程
显示全部楼层
21
帖子
0
勋章
414
Y币

[其他] 图片上传云端为什么显示不了?

[复制链接]
发表于 2016-9-26 06:27:17
请问:如图, 图片在云端为什么显示不出来? 其他数据都可以出来。

===========

var picture(FILE), wareName(string), description(string), price(Number), unit(Number), originPrice(Number);

        function fnInit() {
            picture = $api.byId('picture');
            picture.style.height = api.winWidth + 'px';

            wareName = $api.byId('wareName');
            description = $api.byId('description');
            price = $api.byId('price');
            unit = $api.byId('unit');
            originPrice = $api.byId('originPrice');
        };
捕获1.jpg
捕获3.jpg
4
帖子
0
勋章
2750
Y币
是云端上传数据不成功还是客户端没法显示图片?
21
帖子
0
勋章
414
Y币
云端上传成功了,

客户端显示不了图片。。
3
帖子
0
勋章
4582
Y币
ccants 发表于 2016-9-26 15:19
云端上传成功了,

客户端显示不了图片。。

显示代码不对吧,你需要先查出来,然后赋值给IMG的SRC
21
帖子
0
勋章
414
Y币
xvetang 发表于 2016-9-26 15:23
显示代码不对吧,你需要先查出来,然后赋值给IMG的SRC

绝对路径都显示不了, 哪里错了?
           <img id="banner" class="banner" src="http://a16ebbd2d81e2bd2fd37.b0**.**/apicloud/f761997f8fd33af25af5354737e37bcc.png">

dot.min.js 的东西 这里该怎么理解? "img_{{= data.id }}"不懂

<img class="thumbnail" id="img_{{= data.id }}" src="../image/default_square.png">


捕获45.jpg
21
帖子
0
勋章
414
Y币
xvetang 发表于 2016-9-26 15:23
显示代码不对吧,你需要先查出来,然后赋值给IMG的SRC

这哥们研究过: DOT.JS

https://community.apicloud.com/b ... thread&tid=1647

  <img src="{{=it.img.url}}" />
怎么理解?
380
帖子
4
勋章
6
Y币
ccants 发表于 2016-9-27 03:49
这哥们研究过: DOT.JS

https://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=1647

  <img id="banner" class="banner" src="http://a16ebbd2d81e2bd2fd37.b0**.**/apicloud/f761997f8fd33af25af5354737e37bcc.png">

这都无法显示吗? 把页面在浏览器预览查看一下
21
帖子
0
勋章
414
Y币
技术支持-F 发表于 2016-9-27 18:21
这都无法显示吗? 把页面在浏览器预览查看一下

1) 浏览器实时预览 “ 第一张图” 可以。第二, 三张图 看不到。  数据加载不了

2) 真机预览 看不到。第二, 三张图  ../image/default_rect.png, ../image/default_square.png  可以看到 几秒显示, 还后无图。


如图。。。。
捕获5.jpg
380
帖子
4
勋章
6
Y币
ccants 发表于 2016-9-28 01:14
1) 浏览器实时预览 “ 第一张图” 可以。第二, 三张图 看不到。  数据加载不了

2) 真机预览 看不到。 ...

那应该是dot js 代码问题
21
帖子
0
勋章
414
Y币
技术支持-F 发表于 2016-9-28 10:42
那应该是dot js 代码问题



1, 第一张图, 没有使用 DOT.  虽然实时浏览可以看, 但真机测试 显示不了, 问题还是没变。
2, dot.min.js 学习过: 我的理解是使用DOTJS,  有模板, 和调用 两者 都不能缺。
for array iteration 数组
格式:
{{~data.array :value:index }}
...
{{~}}
数据源:{"array":["banana","apple","orange"]}
区域:<div id="arrays"></div>

模板:
<script id="arraystmpl"type="text/x-dot-template">
{{~it.array:value:index}}
<div>{{= index+1 }}{{= value }}!</div>
{{~}}
</script>

调用方式:
var dataArr ={"array":["banana","apple","orange"]};
var arrText = doT.template($("#arraystmpl").text());
$("#arrays").html(arrText(dataArr));



我把问题代码贴出来, 请大神们帮助分析下原因。跪谢
=============
<body>
        <header class="header" id="header">
            <img id="banner" class="banner" src="../image/default_rect.png">
        </header>
        <section id="list" class="list"></section>
        <div class="push-status" id="pushStatus">上拉显示更多</div>
    </body>

<script id="template" type="text/template">
        {{~ it:data }} {{? 0== data.showType }}
        <div class="ware ware-0">
            <div class="content" tapmode="active">
                <img class="thumbnail" id="img_{{= data.id}}" src="../image/default_rect.png">
                <div class="info">
                    <span class="price">RMB{{= data.price }}</span>
                    <span class="unit">/{{= data.unit }}</span>
                    <span class="orgin-price">&nbsp;超市:<del>{{= data.originPrice }}元</del></span>
                </div>
            </div>
            <div class="control">
                <div class="panel" id="panel_{{= data.id }}">
                    <img class="minus" src="../image/minus.png" tapmode="active">
                    <div class="count" id="count_{{= data.id }}">0</div>
                </div>
                <img class="add" src="../image/add.png " tapmode="active">
            </div>
        </div>
        {{??}}
        <div class="ware ware-1">
            <div class="content" tapmode="active">
                <img class="thumbnail" id="img_{{= data.id }}" src="../image/default_square.png">
                <div class="info">
                    <div class="name">{{= data.name }}</div>
                    <div class="description">{{= data.description }}</div>
                    <div class="price-tag">
                        <span class="price">¥{{= data.price }}</span>
                        <span class="unit">/{{= data.unit }}</span>
                    </div>
                    <div class="origin-price">超市:
                        <del>{{= data.originPrice }}元</del>
                    </div>
                </div>
            </div>
            <div class="control">
                <div class="panel" id="panel_{{= data.id }}">
                    <img class="minus" src="../image/minus.png" tapmode="active">
                    <div class="count" id="count_{{= data.id }}">0</div>
                </div>
                <img class="add" src="../image/add.png " tapmode="active">
            </div>
        </div>
        {{?}} {{~}}
    </script>
   
    <script type="text/javascript" src="../script/doT.min.js"></script>

    <script type="text/javascript">


12345678910... 12下一页
您需要登录后才可以回帖 登录

本版积分规则