blobimage图片下载

yours_ever

blog图片数据上传后，如何下载原图片

yours_ever

blogimage数据上传后，在数据库里能看到图片，但在页面里上传后不在第一时间显示，需要刷新页面才能看到图片？

jishuang

上传后就会直接显示，平台的组织管理功能中就是

yours_ever

我这个设置完毕后，上传后，需要刷新页面才能看到图片，其他的和平台里的一样，不知道那里设置错了

yours_ever

我是对着系统平台的那个界面进行参考，做的设置

jishuang

把.w发一下看看

yours_ever

<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" xid="window" design="device:pc;">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:350px;top:185px;">
    <div component="$UI/system/components/justep/data/bizData" xid="mainData"
      directDelete="false" autoLoad="true" concept="DO_Testblob" limit="15" columns=""
      onSaveCommit="saveCommit" confirmRefresh="false">
      <reader action="/Docu_Ma/File_Ma/logic/action/queryDO_TestblobAction"/>  
      <writer action="/Docu_Ma/File_Ma/logic/action/saveDO_TestblobAction"/>  
      <creator action="/Docu_Ma/File_Ma/logic/action/createDO_TestblobAction"/>  
      <calculateRelation relation="calcCheckBox"/>
    </div>
  </div>  
  <div component="$UI/system/components/bootstrap/tabs/tabs" xid="tabs">
    <ul class="nav nav-tabs" xid="navs">
      <li class="active" xid="nav-list">
        <a content="list" xid="tabItem1"><![CDATA[列表]]></a>
      </li>  
      <li role="presentation" xid="nav-detail">
        <a content="detail" xid="tabItem2"><![CDATA[详细]]></a>
      </li>
    </ul>  
    <div class="tab-content" xid="contents">
      <div class="tab-pane active" xid="list">
        <div xid="bar" component="$UI/system/components/justep/toolBar/toolBar"
          class="x-toolbar x-toolbar-spliter form-inline">
          <div component="$UI/system/components/justep/smartFilter/smartFilter"
            xid="smartFilter1" filterData="mainData" class="pull-right" filterCols="fCSTP,fCSSM">
            <input type="text" class="form-control" placeholder="搜索" data-bind="valueUpdate: ['input', 'afterkeydown']"
              bind-value="$model.comp($element.parentElement).searchText" bind-change="$model.comp($element.parentElement).onInputChange.bind($model.comp($element.parentElement))"
              xid="input4"/>
          </div>
          <a component="$UI/system/components/justep/button/button" label=" 新建"
            class="btn btn-link btn-icon-left" icon="icon-plus" onClick="addBtnClick">
            <i class="icon-plus"/>  
            <span>新建</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="button4" onClick="button2Click" label="删除" icon="icon-minus">
            <i xid="i7" class="icon-minus"/>  
            <span xid="span11">删除</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="button3" onClick="{&quot;operation&quot;:&quot;mainData.refresh&quot;}">
            <i xid="i6"/>  
            <span xid="span10">刷新</span>
          </a>  
           
        </div>  
        <div component="$UI/system/components/justep/dataTables/dataTables"
          flexibleWidth="false" class="table table-hover table-striped hidder-xs" xid="listData"
          data="mainData" rowActiveClass="active" onRowDblClick="grid3RowClick" responsive="true">
          <columns xid="column">
            <column name="fCSTP"/>
            <column name="fCSSM"/>
          </columns>
        </div>  
        <div component="$UI/system/components/justep/pagerBar/pagerBar" class="x-pagerbar container-fluid"
          xid="pageBar" data="mainData">
          <div class="row" xid="div1">
            <div class="col-sm-3" xid="div2">
              <div class="x-pagerbar-length" xid="div3">
                <label component="$UI/system/components/justep/pagerLimitSelect/pagerLimitSelect"
                  class="x-pagerlimitselect" xid="limitSelect1">
                  <span xid="span2">显示</span>  
                  <select component="$UI/system/components/justep/select/select"
                    class="form-control input-sm" xid="select1">
                    <option value="10" xid="default1">10</option>  
                    <option value="20" xid="default2">20</option>  
                    <option value="50" xid="default3">50</option>  
                    <option value="100" xid="default4">100</option>
                  </select>  
                  <span xid="span5">条</span>
                </label>
              </div>
            </div>  
            <div class="col-sm-3" xid="div4">
              <div class="x-pagerbar-info" xid="div5">当前显示1-10条，共16条</div>
            </div>  
            <div class="col-sm-6" xid="div6">
              <div class="x-pagerbar-pagination" xid="div7">
                <ul class="pagination" component="$UI/system/components/bootstrap/pagination/pagination"
                  xid="pagination1">
                  <li class="prev" xid="li1">
                    <a href="#" xid="a1">
                      <span aria-hidden="true" xid="span6">«</span>  
                      <span class="sr-only" xid="span7">Previous</span>
                    </a>
                  </li>  
                  <li class="next" xid="li2">
                    <a href="#" xid="a2">
                      <span aria-hidden="true" xid="span8">»</span>  
                      <span class="sr-only" xid="span9">Next</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>  
      <div class="tab-pane" xid="detail">
        <div xid="detailBar" component="$UI/system/components/justep/toolBar/toolBar"
          class="x-toolbar x-toolbar-spliter form-inline">
          <a component="$UI/system/components/justep/button/button" label="添加"
            class="btn btn-link btn-icon-left" icon="icon-plus" onClick="addBtnClick"
            xid="newBtn2">
            <i class="icon-plus" xid="i3"/>  
            <span xid="span1">添加</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" label=" 保存"
            class="btn btn-link btn-icon-left" onClick="{operation:'mainData.save'}"
            xid="saveBtn">
            <i/>  
            <span>保存</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            label="删除" xid="button2" icon="icon-minus" onClick="button2Click">
            <i xid="i2" class="icon-minus"/>  
            <span xid="label6">删除</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="button5" onClick="{&quot;operation&quot;:&quot;mainData.refresh&quot;}">
            <i xid="i8"/>  
            <span xid="span12"/>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="preBtn" onClick="{&quot;operation&quot;:&quot;mainData.prevRow&quot;}">
            <i xid="i4"/>  
            <span xid="span3"/>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="nextBtn" onClick="{&quot;operation&quot;:&quot;mainData.nextRow&quot;}">
            <i xid="i5"/>  
            <span xid="span4"/>
          </a>
        </div>  
        <div class="container-fluid">
          <div component="$UI/system/components/justep/controlGroup/controlGroup"
            class="x-control-group" title="详细" collapsible="true" style="height:517px;">
            <div class="x-control-group-title">详细</div>  
            <div xid="mainForm" class="form-horizontal" component="$UI/system/components/bootstrap/form/form"
              style="margin:30px 10px">
              <div xid="formGroup2" class="form-group">
                <div xid="col21" class="col-sm-2">
                  <label xid="fCSSML" class="control-label" bind-text="mainData.label('fCSSM')"/>
                </div>  
                <div xid="col22" class="col-sm-10">
                  <input xid="fCSSM" class="form-control" component="$UI/system/components/justep/input/input"
                    bind-ref="mainData.ref('fCSSM')"/>
                </div>
              </div>
            </div>
          <div class="x-blob" component="$UI/system/components/justep/blob/blobImage" style="height:auto;width:49%;" xid="blobImage1" bind-ref='$model.mainData.ref("fCSTP")' blobConcept="DO_Testblob" blobRelation="fCSTP" blobLastModifiedRelation="fCSTPLastModified" limitSize="2m">
   <div class="x-blob-bar" xid="div8">
    <i class="x-blob-edit icon-compose" xid="i1"></i>
    <i class="x-blob-del icon-close-round" xid="i9"></i></div>
   <img class="x-blob-img x-autofill" xid="image1" style="width:374px;height:375px;"></img></div>
  </div>
        </div>
      </div>
    </div>
  </div>
</div>

yours_ever

<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" xid="window" design="device:pc;">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:350px;top:185px;">
    <div component="$UI/system/components/justep/data/bizData" xid="mainData"
      directDelete="false" autoLoad="true" concept="DO_Testblob" limit="15" columns=""
      onSaveCommit="saveCommit" confirmRefresh="false">
      <reader action="/Docu_Ma/File_Ma/logic/action/queryDO_TestblobAction"/>  
      <writer action="/Docu_Ma/File_Ma/logic/action/saveDO_TestblobAction"/>  
      <creator action="/Docu_Ma/File_Ma/logic/action/createDO_TestblobAction"/>  
      <calculateRelation relation="calcCheckBox"/>
    </div>
  </div>  
  <div component="$UI/system/components/bootstrap/tabs/tabs" xid="tabs">
    <ul class="nav nav-tabs" xid="navs">
      <li class="active" xid="nav-list">
        <a content="list" xid="tabItem1"><![CDATA[列表]]></a>
      </li>  
      <li role="presentation" xid="nav-detail">
        <a content="detail" xid="tabItem2"><![CDATA[详细]]></a>
      </li>
    </ul>  
    <div class="tab-content" xid="contents">
      <div class="tab-pane active" xid="list">
        <div xid="bar" component="$UI/system/components/justep/toolBar/toolBar"
          class="x-toolbar x-toolbar-spliter form-inline">
          <div component="$UI/system/components/justep/smartFilter/smartFilter"
            xid="smartFilter1" filterData="mainData" class="pull-right" filterCols="fCSTP,fCSSM">
            <input type="text" class="form-control" placeholder="搜索" data-bind="valueUpdate: ['input', 'afterkeydown']"
              bind-value="$model.comp($element.parentElement).searchText" bind-change="$model.comp($element.parentElement).onInputChange.bind($model.comp($element.parentElement))"
              xid="input4"/>
          </div>
          <a component="$UI/system/components/justep/button/button" label=" 新建"
            class="btn btn-link btn-icon-left" icon="icon-plus">
            <i class="icon-plus"/>  
            <span>新建</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="button4" label="删除" icon="icon-minus">
            <i xid="i7" class="icon-minus"/>  
            <span xid="span11">删除</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="button3"operation":"mainData.refresh"}">
            <i xid="i6"/>  
            <span xid="span10">刷新</span>
          </a>  
           
        </div>  
        <div component="$UI/system/components/justep/dataTables/dataTables"
          flexibleWidth="false" class="table table-hover table-striped hidder-xs" xid="listData"
          data="mainData" rowActiveClass="active" responsive="true">
          <columns xid="column">
            <column name="fCSTP"/>
            <column name="fCSSM"/>
          </columns>
        </div>  
        <div component="$UI/system/components/justep/pagerBar/pagerBar" class="x-pagerbar container-fluid"
          xid="pageBar" data="mainData">
          <div class="row" xid="div1">
            <div class="col-sm-3" xid="div2">
              <div class="x-pagerbar-length" xid="div3">
                <label component="$UI/system/components/justep/pagerLimitSelect/pagerLimitSelect"
                  class="x-pagerlimitselect" xid="limitSelect1">
                  <span xid="span2">显示</span>  
                  <select component="$UI/system/components/justep/select/select"
                    class="form-control input-sm" xid="select1">
                    <option value="10" xid="default1">10</option>  
                    <option value="20" xid="default2">20</option>  
                    <option value="50" xid="default3">50</option>  
                    <option value="100" xid="default4">100</option>
                  </select>  
                  <span xid="span5">条</span>
                </label>
              </div>
            </div>  
            <div class="col-sm-3" xid="div4">
              <div class="x-pagerbar-info" xid="div5">当前显示1-10条，共16条</div>
            </div>  
            <div class="col-sm-6" xid="div6">
              <div class="x-pagerbar-pagination" xid="div7">
                <ul class="pagination" component="$UI/system/components/bootstrap/pagination/pagination"
                  xid="pagination1">
                  <li class="prev" xid="li1">
                    <a href="#" xid="a1">
                      <span aria-hidden="true" xid="span6">«</span>  
                      <span class="sr-only" xid="span7">Previous</span>
                    </a>
                  </li>  
                  <li class="next" xid="li2">
                    <a href="#" xid="a2">
                      <span aria-hidden="true" xid="span8">»</span>  
                      <span class="sr-only" xid="span9">Next</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>  
      <div class="tab-pane" xid="detail">
        <div xid="detailBar" component="$UI/system/components/justep/toolBar/toolBar"
          class="x-toolbar x-toolbar-spliter form-inline">
          <a component="$UI/system/components/justep/button/button" label="添加"
            class="btn btn-link btn-icon-left" icon="icon-plus"
            xid="newBtn2">
            <i class="icon-plus" xid="i3"/>  
            <span xid="span1">添加</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" label=" 保存"
            class="btn btn-link btn-icon-left"
            xid="saveBtn">
            <i/>  
            <span>保存</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            label="删除" xid="button2" icon="icon-minus">
            <i xid="i2" class="icon-minus"/>  
            <span xid="label6">删除</span>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="button5"operation":"mainData.refresh"}">
            <i xid="i8"/>  
            <span xid="span12"/>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="preBtn"operation":"mainData.prevRow"}">
            <i xid="i4"/>  
            <span xid="span3"/>
          </a>  
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
            xid="nextBtn"operation":"mainData.nextRow"}">
            <i xid="i5"/>  
            <span xid="span4"/>
          </a>
        </div>  
        <div class="container-fluid">
          <div component="$UI/system/components/justep/controlGroup/controlGroup"
            class="x-control-group" title="详细" collapsible="true" style="height:517px;">
            <div class="x-control-group-title">详细</div>  
            <div xid="mainForm" class="form-horizontal" component="$UI/system/components/bootstrap/form/form"
              style="margin:30px 10px">
              <div xid="formGroup2" class="form-group">
                <div xid="col21" class="col-sm-2">
                  <label xid="fCSSML" class="control-label" bind-text="mainData.label('fCSSM')"/>
                </div>  
                <div xid="col22" class="col-sm-10">
                  <input xid="fCSSM" class="form-control" component="$UI/system/components/justep/input/input"
                    bind-ref="mainData.ref('fCSSM')"/>
                </div>
              </div>
            </div>
          <div class="x-blob" component="$UI/system/components/justep/blob/blobImage" style="height:auto;width:49%;" xid="blobImage1" bind-ref='$model.mainData.ref("fCSTP")' blobConcept="DO_Testblob" blobRelation="fCSTP" blobLastModifiedRelation="fCSTPLastModified" limitSize="2m">
   <div class="x-blob-bar" xid="div8">
    <i class="x-blob-edit icon-compose" xid="i1"></i>
    <i class="x-blob-del icon-close-round" xid="i9"></i></div>
   <img class="x-blob-img x-autofill" xid="image1" style="width:374px;height:375px;"></img></div>
  </div>
        </div>
      </div>
    </div>
  </div>
</div>

jishuang

dataTables显示blobImage参考
http://docs.wex5.com/grid-blobimage/