如何把上传文件的方法取出来

摩羯座

如何把上传文件的方法去出来，提供的上传文件的组件太丑了，我想把这个方法放到其他图片或者按钮上，请问可以这样么

jishuang

可以在页面中放一个div,然后把图片或者按钮放到div中

引用var Uploader = require('$UI/system/components/justep/uploader/uploader');

在model的onload中获取div，创建uploader如下：

1. define(function(require) {
   
2.         var $ = require("jquery");
   
3.         var justep = require("$UI/system/lib/justep");
   
4.         var Uploader = require('$UI/system/components/justep/uploader/uploader');
   
5.        
   
6.         var Model = function() {
   
7.                 this.callParent();
   
8.         };
   
9. 
   
10.         Model.prototype.modelLoad = function(event) {
    
11.                 var domnode = this.getElementByXid('div12');
    
12.                 var uploader = new Uploader(domnode, {
    
13.                         actionUrl : "/baas/justep/attachment/simpleFileStore",
    
14.                         compress : false,
    
15.                         accept : ""
    
16.                 });
    
17. 
    
18.                 uploader.on('onStart', function(event) {
    
19.                         var storeFileName = (new justep.UUID()).valueOf();
    
20.                         event.file.data = {
    
21.                                 fileName : event.file.name,
    
22.                                 storeFileName : storeFileName,
    
23.                                 ownerID : "123"
    
24.                         };
    
25.                 });
    
26.                 var me = this;
    
27.                 uploader.on('onSuccess',function(event){
    
28.                         alert("onSuccess")
    
29.                 });
    
30.                
    
31.                
    
32.         };
    
33. 
    
34.         return Model;
    
35. });

复制代码

然后其他的可以参考/UI2/system/components/justep/attachment/attachmentSimple.js中的实现

摩羯座

jishuang 发表于 2016-10-21 10:29
可以在页面中放一个div,然后把图片或者按钮放到div中

引用var Uploader = require('$UI/system/components ...

非常感谢，但是请问如何把上传的图片展示到image中呢，有相关的代码么

大雁子

摩羯座 发表于 2016-10-21 10:51
非常感谢，但是请问如何把上传的图片展示到image中呢，有相关的代码么

需要用src属性或者bind-attr-src属性从图片存储的路径下读出来

摩羯座

大雁子 发表于 2016-11-9 11:07
需要用src属性或者bind-attr-src属性从图片存储的路径下读出来

非常感谢，我试一试

摩羯座

jishuang 发表于 2016-10-21 10:29
可以在页面中放一个div,然后把图片或者按钮放到div中

引用var Uploader = require('$UI/system/components ...

你好，请问这个方法可以实现上传图片但是图片上传到哪里了？，怎么读取出来呀

liangyongfei

摩羯座 发表于 2017-1-10 17:24
你好，请问这个方法可以实现上传图片但是图片上传到哪里了？，怎么读取出来呀 ...

http://docs.wex5.com/wex5-ui-question-list-2022/
http://docs.wex5.com/wex5-ui-question-list-2093

摩羯座

liangyongfei 发表于 2017-1-10 17:30
http://docs.wex5.com/wex5-ui-question-list-2022/
http://docs.wex5.com/wex5-ui-question-list-2093

还是没有看懂，无法收到图片的路径呀，收到了之后我把她付给图片的src属性是不是就可以了呀，怎么找到图片的路径呢

liangyongfei

摩羯座 发表于 2017-1-11 11:52
还是没有看懂，无法收到图片的路径呀，收到了之后我把她付给图片的src属性是不是就可以了呀，怎么找到图 ...

我给你的连接就是方法啊~！第二个连接还是一个案例！
你可以自己讲文件下载下来！运行试试就知道了！