# web-document-scan-aliyun-oss

**Repository Path**: yushulx/web-document-scan-aliyun-oss

## Basic Information

- **Project Name**: web-document-scan-aliyun-oss
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web-document-scan-aliyun-oss
Web文档扫描并上传阿里云。

## 使用方法
1. 申请Dynamic Web TWAIN SDK的[试用License](https://www.dynamsoft.com/CustomerPortal/Portal/Triallicense.aspx)。在代码中设置:

    ```
    Dynamsoft.WebTwainEnv.ProductKey = '<Your DWT license>';
    ```
2. 在阿里云中创建[AccessKey](https://usercenter.console.aliyun.com/#/manage/ak)，并在OSS中创建bucket。

    ![阿里云OSS bucket](https://www.codepool.biz/wp-content/uploads/2018/12/aliyun-oss-bucket.PNG)

    更新代码对应的部分：

    ```js
    let client = new OSS({
                accessKeyId: '<Your AccessKeyId>',
                accessKeySecret: '<Your AccessKeySecret>',
                bucket: 'Your bucket name',
                region: '<Your region>'
            });
    ```

    如果区域选了杭州，region的值就是`oss-cn-hangzhou`。

3. 点击你的bucket，找到`基础设置 > 跨域设置`：

    ![阿里云跨域设置](https://www.codepool.biz/wp-content/uploads/2018/12/aliyun-cors.PNG)

    创建规则：

    ![阿里云跨域设置](https://www.codepool.biz/wp-content/uploads/2018/12/aliyun-cors-rule.PNG)

4. 把`index.htm`部署到你自己的Web服务器上。
5. 打开网页扫描文档并上传到阿里云：

    ![Web文档扫描](https://www.codepool.biz/wp-content/uploads/2018/12/document-scan.PNG)

6. 在阿里云OSS的`文件管理`中可以看到上传的文件：
    ![阿里云文件上传](https://www.codepool.biz/wp-content/uploads/2018/12/aliyun-oss.PNG)


## 参考文档
- [Dynamic Web TWAIN](https://www.dynamsoft.com/docs/dwt/API/Encode-Decode.html#ConvertToBlob)
- [阿里云](https://help.aliyun.com/document_detail/64047.html?spm=a2c4g.11186623.6.1012.23225966ohBTGi)