急求答案 如何存储图片和文件

BIP645309

网站导入到api 以open win的打开后，需要添加哪些详细代码，以便存取网站里的图片和文件？ 谢谢！

技术咨询-F

网站代码你有权限修改吗？ 没有的话做不到。

如果可以修改，可以添加一个按钮，点击时调用api.download 下载图片或文件。

BIP645309

有权限修改的。

技术支持-F · 2022-5-28 12:34网站代码你有权限修改吗？ 没有的话做不到。

如果可以修改，可以添加一个按钮，点击时调用api.download 下载图片或文件。

BIP645309

有权限的。

BIP645309 · 2022-5-28 12:47有权限修改的。

BIP645309

有权限的。

BIP645309 · 2022-5-28 12:47有权限修改的。

BIP645309

有权限修改的。另外貌似也用不到

BIP645309 · 2022-5-28 12:47有权限修改的。

BIP645309

有权限修改的。另外貌似也用不到

技术支持-F · 2022-5-28 12:34网站代码你有权限修改吗？ 没有的话做不到。

如果可以修改，可以添加一个按钮，点击时调用api.download 下载图片或文件。

BIP645309

从框架上直接做不更好吗？我看有人实现过

技术支持-F · 2022-5-28 12:34网站代码你有权限修改吗？ 没有的话做不到。

如果可以修改，可以添加一个按钮，点击时调用api.download 下载图片或文件。

技术咨询-F

那不清楚怎么做的，没想到方法。

BIP645309 · 2022-5-28 12:52从框架上直接做不更好吗？我看有人实现过

Arly【770104707】

1. // apicloud 控制台需要添加webBrowser模块，重新编译loader
   
2. var jsfunc = "";//注入脚本代码
   
3. var webUrl = "https://www**.**/";//网站地址
   
4. apiready = function () {
   
5.        
   
6.         getReloadData();
   
7.        
   
8. }
   
9. 
   
10. function getReloadData(){
    
11.        
    
12.         api.addEventListener({
    
13.                 name: 'commonEventListener'
    
14.         }, function(ret, err) {
    
15.                 var result = ret.value;
    
16.                 if(result.eventType == "downloadImage"){
    
17.                         //获取图片信息
    
18.                         var imageUrl = result.imageUrl;
    
19.                         downloadImage(imageUrl);
    
20.                 }
    
21.         });
    
22. 
    
23.         //webBrowser 打开链接地址
    
24.         openPageView();
    
25. }
    
26. 
    
27. function openPageView(){
    
28.         var webBrowser = api.require('webBrowser');
    
29.                 //打开网站地址
    
30.                 webBrowser.openView({
    
31.                         url: webUrl,
    
32.                         rect: {
    
33.                                 x: 0,
    
34.                                 y: api.safeArea.top,
    
35.                                 w: 'auto',
    
36.                                 h: 'auto'
    
37.                         }
    
38.                 }, function(ret, err) {
    
39.                            
    
40.                         switch (ret.state) {
    
41.                           case 0:
    
42. 
    
43.                                 break;
    
44.                           case 1:
    
45.                                 //页面加载完成
    
46.                                 if(ret.progress == 100 ){
    
47.                                         //1.判断网站地址是否需要js注入 ret.url
    
48.                                        
    
49.                                         //2.js 注入
    
50.                                   webBrowser.loadScript({
    
51.                                           script: jsfunc
    
52.                                   });
    
53.                                 }
    
54.                                 break;
    
55.                           case 2:
    
56.                                
    
57.                                 break;
    
58.                           case 3:
    
59.                                 break;
    
60.                           case 4:
    
61. 
    
62.                                 break;
    
63.                           default:
    
64.                                 break;
    
65.                         }
    
66.                 });
    
67.                
    
68. 
    
69. }
    
70. //图片缓存到本地
    
71. function cacheImage(imagepath,filepath,filename,callback,isShowLoading){
    
72.   if(!arguments[0]) return;
    
73.   if(!arguments[1]) filepath = "cacheImage";
    
74.   if(!arguments[2]) filename =  new Date().getTime();
    
75.   if(!arguments[4]) isShowLoading = false;
    
76.   var savePath = 'fs://'+filepath+'/original/'+filename+'.jpeg';
    
77.   if(isShowLoading){
    
78.     api.showProgress();
    
79.   }
    
80.   api.download({
    
81.     url: imagepath,
    
82.     savePath: savePath,
    
83.     report: true,
    
84.     cache: true,
    
85.     allowResume: true
    
86.   }, function (ret, err) {
    
87.     if(ret.state === 1){
    
88.                 if(isShowLoading){
    
89.                         api.hideProgress();
    
90.                 }
    
91.           
    
92.             var data = {
    
93.                   state:1,
    
94.                   savePath:savePath,
    
95.                 };
    
96.                 callback(data);
    
97.     }else if(ret.state === 2){
    
98.       if(isShowLoading){
    
99.         api.hideProgress();
    
100.       }
     
101.     }
     
102.   });
     
103. }
     
104. 
     
105. 
     
106. //图片保存到系统本地相册
     
107. function downloadImage(imagepath,filepath,filename){
     
108.   if(!arguments[0]) return;
     
109.   if(!arguments[1]) filepath = "cacheImage";
     
110.   if(!arguments[2]) filename =  new Date().getTime();
     
111.   cacheImage(imagepath,filepath,filename,function (ret,err) {
     
112.       if(ret.state === 1){
     
113.         requestPermission(['camera'],function(ret,err){
     
114.           if(ret){
     
115.             api.saveMediaToAlbum({
     
116.               path: ret.savePath,
     
117.               groupName:api.appName
     
118.             }, function (ret, err) {
     
119.               if(ret.status){
     
120.                 showMessage("图片已保存至本地相册");
     
121.               }else{
     
122.                 showMessage("图片保存失败");
     
123.               }
     
124.             });
     
125.           }
     
126.         });
     
127.       }
     
128.   });
     
129. }
     
130. 
     
131. function requestPermission(vList,callback){
     
132. 
     
133.   if(!arguments[0]) vList = [];
     
134.   if(vList.length <= 0){
     
135.     callback(true);
     
136.     return;
     
137.   }
     
138.   var resultList = api.hasPermission({
     
139.       list : vList
     
140.   });
     
141.   var reqPermissionList = [];
     
142.   var reqPermissionListCName = [];
     
143.   for (var i = 0; i < resultList.length; i++) {
     
144.     if(resultList[i].granted == false){
     
145.       var permissionName = resultList[i].name;
     
146.       reqPermissionList.push(permissionName);
     
147. 
     
148.       if(permissionName.indexOf('notification') > -1 ){
     
149.         //判断是否为通知权限
     
150.         reqPermissionListCName.push("【通知】");
     
151.       }else if(permissionName.indexOf('location') > -1){
     
152.         //判断是否为定位权限
     
153.         reqPermissionListCName.push("【定位】");
     
154.       }
     
155.     }
     
156.   }
     
157. 
     
158.   if(reqPermissionList.length > 0){
     
159.     if(reqPermissionListCName.length > 0){
     
160. 
     
161.       api.confirm({
     
162.         title: api.appName,
     
163.         msg: '便于更好的体验《'+api.appName+'》，允许请求手机'+reqPermissionListCName.join("/")+'权限？',
     
164.         buttons: ['确定', '取消']
     
165.       }, function(ret, err) {
     
166.           var index = ret.buttonIndex;
     
167.           if(index != 1){
     
168.             callback(false);
     
169.           }else{
     
170.             requestPermissionResult(reqPermissionList,callback);
     
171.           }
     
172.       });
     
173.     }else{
     
174.       requestPermissionResult(reqPermissionList,callback);
     
175.     }
     
176.   }else{
     
177.     callback(true);
     
178.   }
     
179. }
     
180. 
     
181. function requestPermissionResult(reqPermissionList,callback){
     
182.   var iscallback = true;
     
183.   api.requestPermission({
     
184.     list:reqPermissionList,
     
185.     code:10001
     
186.   }, function(ret, err){
     
187.       console.log(JSON.stringify(ret));
     
188.       if(ret){
     
189.         var callList = ret.list;
     
190.         for (var i = 0; i < callList.length; i++) {
     
191.           if(!callList[i].granted){
     
192.             iscallback = false;
     
193.             continue;
     
194.           }
     
195.         }
     
196.         callback(iscallback);
     
197.       }else{
     
198.         callback(false);
     
199.       }
     
200.   });
     
201. }

复制代码

jsfunc :根据自己的需求整理下面的代码

1. // 例如：点击事件
   
2.         // 选择器
   
3.         var cimageBtn = document.getElementById("cimage-btn");
   
4.                 cimageBtn.addEventListener("click", function (){
   
5.                        
   
6.                         //要保存到相册的图片（自行获取）
   
7.                         var imageUrl = document.getElementById("cimage").src;
   
8.                         // var imageUrl = 'https://b**.**/searchbox/image/cmsuploader/20220520/1653038842439141.png';
   
9.                         api.sendEvent({
   
10.                                 name: 'commonEventListener',
    
11.                                 extra: {
    
12.                                         eventType: 'downloadImage',
    
13.                                         imageUrl: imageUrl//远程图片地址
    
14.                                 }
    
15.                         });
    
16.                 });

复制代码

将整理好的代码 压缩一行，放在jsfunc 里面即可（无用注释可去掉）

BIP645309 · 2022-5-28 12:52从框架上直接做不更好吗？我看有人实现过