烟台阿里云代理商：阿里云图片上传代码

luotuoemo • 2024年3月1日 20:45 • 阿里云 • 阅读 1212

阿里云图片上传代码示例：

var ALY = require('aliyun-sdk');

var oss = new ALY.OSS({
    accessKeyId: '<accessKeyId>',
    secretAccessKey: '<secretAccessKey>',
    endpoint: '<endpoint>',
    apiVersion: '2013-10-15'
});

var params = {
    Bucket: '<bucket>',
    Region: '<region>',
    Key: '<key>',
    Body: '<body>',
    ContentType: '<contentType>'
};

oss.putObject(params, function (err, data) {
    console.log(err, data);
});

说明：

accessKeyId: 访问密钥 ID，需要在阿里云控制台中获取；
secretAccessKey: 访问密钥 secret，需要在阿里云控制台中获取；
endpoint: OSS 服务域名，需要根据自己的实际情况来设置；
apiVersion: OSS API 版本号；
Bucket: OSS 存储空间名称；
Region: OSS 存储空间所在地域；
Key: OSS 文件在存储空间中的唯一标识符；
Body: 要上传的文件内容；
ContentType: 要上传的文件类型。

以上仅为示例代码，具体实现需根据自己的需求来进行修改。

<%@ page language=”java” contentType=”text/html; charset=UTF-8″

pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阿里云图片上传</title>
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//gosspublic.alicdn.com/aliyun-oss-sdk-5.3.1.min.js"></script>
</head>
<body>
<h2>阿里云图片上传</h2>
<form method="post" enctype="multipart/form-data">
<input type="file" name="file">

<button type="button" id="upload">上传</button>
</form>
<script>
$(function(){

var client = new OSS({
    region: 'oss-cn-hangzhou', // 地域节点
    accessKeyId: 'your accessKeyId', // AccessKey ID
    accessKeySecret: 'your accessKeySecret', // AccessKey Secret
    bucket: 'your bucket' // Bucket 名称
});
$('#upload').click(function(){
    var fileObj = $('input[type="file"]').get(0).files[0];
    if(!fileObj){
        alert('请选择文件');
        return;
    }
    var fileName = fileObj.name;
    var fileSize = fileObj.size;
    var extension = fileName.substring(fileName.lastIndexOf('.')+1);
    var contentType = 'image/'+extension;
    var uploadFileName = 'image/'+new Date().getTime()+'.'+extension;
    client.multipartUpload(uploadFileName, fileObj, {
        headers: {
            'Content-Type': contentType,
            'Content-Disposition': 'attachment;filename='+fileName
        }
    }).then(function(result){
        alert('上传成功：'+result.res.requestUrls[0]);
    }).catch(function(error){
        alert('上传失败：'+error);
    });
});

});
</script>
</body>
</html>
注：上述代码中 accessKeyId、accessKeySecret 和 bucket 分别为阿里云 OOS 的 AccessKey ID、AccessKey Secret 和 Bucket 名称，请根据实际情况填写。

发布者：luotuoemo，转转请注明出处：https://www.jintuiyun.com/156197.html