@@ -21,7 +21,7 @@ Qiniu-JavaScript-SDK 为客户端 SDK,没有包含 token 生成实现,为
21
21
- [ Python] ( http://developer.qiniu.com/code/v7/sdk/python.html )
22
22
- [ Ruby] ( http://developer.qiniu.com/code/v6/sdk/ruby.html )
23
23
- [ Go] ( http://developer.qiniu.com/code/v7/sdk/go.html )
24
- - [ Node.js] ( http://developer.qiniu.com/code/v6/sdk/nodejs.html )
24
+ - [ Node.js] ( http://developer.qiniu.com/code/v6/sdk/nodejs.html )
25
25
- [ C#] ( http://developer.qiniu.com/code/v6/sdk/csharp.html )
26
26
- [ C/C++] ( http://developer.qiniu.com/code/v6/sdk/cpp.html )
27
27
@@ -108,7 +108,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
108
108
- 使用 Bower 安装
109
109
110
110
Bower 是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如 JavaScript、HTML、CSS 之类的网络资源。如果需要更详细的关于 Bower 的使用说明,您可以访问[ Bower 官方网站](http://bower.io/)。
111
-
111
+
112
112
通过 Bower 安装会将 JS-SDK 依赖的 plupload 也一起安装在 `bower_components` 中:
113
113
114
114
```
@@ -136,7 +136,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
136
136
- 使用 NPM 安装
137
137
138
138
NPM 的全称是 Node Package Manager,是一个[ NodeJS ](https://nodejs.org)包管理和分发工具,已经成为了非官方的发布 Node 模块(包)的标准。如果需要更详细的关于 NPM 的使用说明,您可以访问[ NPM 官方网站](https://www.npmjs.com),或对应的[中文网站](http://www.npmjs.com.cn/)
139
-
139
+
140
140
```
141
141
npm install qiniu-js
142
142
```
@@ -261,7 +261,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
261
261
```
262
262
263
263
- 如果一个页面中有多个上传实例,可以如下操作
264
-
264
+
265
265
```JavaScript
266
266
var option1 = {
267
267
key : val ,
@@ -321,9 +321,9 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
321
321
}, key);
322
322
323
323
```
324
-
324
+
325
325
具体水印参数解释见[水印(watermark)](http://developer.qiniu.com/docs/v6/api/reference/fop/image/watermark.html)
326
-
326
+
327
327
- imageView2
328
328
329
329
```JavaScript
@@ -338,7 +338,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
338
338
339
339
```
340
340
具体缩略参数解释见[图片处理(imageView2)](http://developer.qiniu.com/docs/v6/api/reference/fop/image/imageview2.html)
341
-
341
+
342
342
- imageMogr2
343
343
344
344
```JavaScript
@@ -358,7 +358,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
358
358
```
359
359
360
360
具体高级图像处理参数解释见[高级图像处理(imageMogr2)](http://developer.qiniu.com/docs/v6/api/reference/fop/image/imagemogr2.html)
361
-
361
+
362
362
- imageInfo
363
363
364
364
```JavaScript
@@ -377,7 +377,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
377
377
具体 exif 解释见[图片EXIF信息(exif)](http://developer.qiniu.com/docs/v6/api/reference/fop/image/exif.html)
378
378
379
379
Ajax跨域限制,IE系列此函数只支持IE10+
380
-
380
+
381
381
- pipeline(管道操作)
382
382
383
383
```JavaScript
@@ -443,20 +443,20 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
443
443
var imgLink = Qiniu.pipeline(fopArr, key));
444
444
445
445
```
446
-
446
+
447
447
具体管道操作解释见[管道操作](http://developer.qiniu.com/docs/v6/api/overview/fop/pipeline.html)
448
448
449
449
<a id="demo"></a>
450
450
### 运行示例
451
451
452
452
1. 进入项目根目录,执行 `make install` 安装依赖第三方库
453
453
2. 进入 `demo` 目录,按照目录下的 `config.example` 示例,创建 `config.js` 文件,其中,`Access Key` 和 `Secret Key` 按如下方式获取
454
-
454
+
455
455
* [开通七牛开发者帐号](https://portal.qiniu.com/signup)
456
456
* [登录七牛开发者自助平台,查看 AccessKey 和 SecretKey](https://portal.qiniu.com/setting/key) 。
457
-
457
+
458
458
```javascript
459
-
459
+
460
460
module.exports = {
461
461
'ACCESS_KEY': '<Your Access Key>',
462
462
'SECRET_KEY': '<Your Secret Key>',
@@ -465,7 +465,7 @@ Qiniu-JavaScript-SDK 的示例 Demo 中的服务器端部分是基于[ Node.js
465
465
'Uptoken_Url': '<Your Uptoken_Url>',
466
466
'Domain': '<Your Bucket Domain>'
467
467
}
468
-
468
+
469
469
```
470
470
3. 进入项目根目录,执行 `make dev` 访问 `http://127.0.0.1:19110/` 或 `http://localhost:19110/`
471
471
@@ -615,7 +615,7 @@ public class MainActivity extends Activity {
615
615
webview.getSettings().setJavaScriptEnabled(true);
616
616
webview.setWebViewClient(new WebViewClient(){
617
617
public boolean shouldOverrideUrlLoading(WebView view, String url){
618
- view.loadUrl(url);
618
+ view.loadUrl(url);
619
619
return true;
620
620
}
621
621
});
@@ -624,8 +624,8 @@ public class MainActivity extends Activity {
624
624
625
625
}
626
626
```
627
- 但是点击选择文件按钮没有反应,这个是Webview对JS不是很支持造成的,解决方法可以引入这个Webview,jar包地址如下:
628
- https://github.com/delight-im/Android-AdvancedWebView/blob/master/JARs/Android-AdvancedWebView.jar
627
+ 但是点击选择文件按钮没有反应,这个是Webview对JS不是很支持造成的,解决方法可以引入这个Webview,jar包地址如下:
628
+ https://github.com/delight-im/Android-AdvancedWebView/blob/master/JARs/Android-AdvancedWebView.jar
629
629
使用的方法文档上都有写,比较简单:
630
630
```
631
631
private AdvancedWebView mWebView;
@@ -643,7 +643,7 @@ private AdvancedWebView mWebView;
643
643
**11.关于多个按钮选择文件的Demo **
644
644
645
645
很多用户都在问JSSDK多文件选择的Demo,其实比较简单,只需要在main.js文件里面多new几个Uploader对象就可以了,然后在主页面上里面写好对应的上传的按钮就可以了
646
- 这里直接给出main.js和indxe.html里面需要改动的地方:
646
+ 这里直接给出main.js和indxe.html里面需要改动的地方:
647
647
main.js里面多new几个uploader对象
648
648
```
649
649
$(function() {
@@ -773,7 +773,7 @@ $(function() {
773
773
```
774
774
相应的index.html文件加入相关按钮:
775
775
```
776
- <div id =" container " >
776
+ <div id =" container " >
777
777
<a class="btn btn-default btn-lg " id="pickfiles" style="width:160px" href="#" >
778
778
<i class="glyphicon glyphicon-plus"></i>
779
779
<span>选择文件</span>
@@ -785,10 +785,10 @@ $(function() {
785
785
786
786
<a class="btn btn-default btn-lg " id="stop_load" style="width:160px" href="#" >
787
787
<span>暂停上传</span>
788
- </a>
789
- </div>
788
+ </a>
789
+ </div >
790
790
791
- <div id =" container2 " >
791
+ <div id =" container2 " >
792
792
<a class="btn btn-default btn-lg " id="pickfiles2" style="width:160px" href="#" >
793
793
<i class="glyphicon glyphicon-plus"></i>
794
794
<span>选择文件</span>
@@ -800,9 +800,8 @@ $(function() {
800
800
801
801
<a class="btn btn-default btn-lg " id="stop_load2" style="width:160px" href="#" >
802
802
<span>暂停上传</span>
803
- </a>
804
- </div>
805
- </div >
803
+ </a>
804
+ </div >
806
805
```
807
806
808
807
@@ -828,5 +827,3 @@ $(function() {
828
827
### 基于 GPL V2 协议发布:
829
828
830
829
> [www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html)
831
-
832
-
0 commit comments