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

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

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

(0)
luotuoemo的头像luotuoemo
上一篇 2024年3月1日 20:38
下一篇 2024年3月1日 20:54

相关推荐

  • 阿里云个人邮箱怎么看邮件

    要使用阿里云个人邮箱查看邮件,您可以按照以下步骤进行操作: 打开您的电脑或手机的浏览器,输入“mail.aliyun.com”进入阿里云个人邮箱登录界面。 在登录界面上输入您的邮箱地址和密码,然后点击“登录”按钮。 登录成功后,您将看到邮箱的主页面。在主页面上会显示您收到的邮件列表。 点击邮件列表中的任何一封邮件,您将进入该邮件的详细信息页面。 在邮件的详细…

    2023年9月9日
    17200
  • 阿里云推送测试

    您好!感谢您选择使用阿里云推送服务进行测试。 阿里云推送服务是一种可靠、弹性、高效的消息推送服务,旨在帮助开发者更轻松地向移动设备、Web浏览器、智能设备等发送推送通知。 要进行阿里云推送测试,您可以按照以下步骤进行操作: 在阿里云控制台上创建一个推送通道。首先,登录阿里云控制台,在推送服务菜单下创建推送通道,并选择您所需的推送服务类型(移动推送、Web推送…

    2023年9月9日
    15900
  • 阿里云配置安全访问策略

    有谁知道阿里云服务器怎样配置自定义端口的外部访问权限 阿里云服务器后台有个安全组规则,添加你自定义的端口即可。 阿里云服务器添加安全组规则的授权策略是什么意思 集群还是单台?是自动伸缩那边吗?那得看是干什么了,如果是开网站还是按照带宽比较好,如果是计算类型的呢,内存或者处理器cpu报警并自动添加伸缩这样更好点。 阿里云ecs服务器怎么设置更安全 比较复杂,最…

    2023年8月29日
    14100
  • 阿里云服务器安装系统

    安装阿里云服务器系统的步骤如下: 登录阿里云官网,进入控制台。 在控制台中选择云服务器ECS,然后点击“创建实例”按钮。 在创建页面中选择相应的地域和可用区,根据需求选择合适的实例规格。 在网络计费设置中选择VPC和交换机,如果没有可以点击“新建”进行创建。 选择镜像,即要安装的操作系统。可以选择阿里云提供的公共镜像或者自定义导入镜像。 配置实例的登录密码或…

    2023年8月9日
    15500
  • 阿里云国际站注册教程:安卓数据库更新数据失败

    要解决安卓数据库更新数据失败的问题,可以按照以下步骤进行操作: 确保数据库已正确创建和连接:检查数据库的创建和连接代码是否正确,确保数据库已成功打开。 检查更新语句是否正确:确认更新语句是否按照正确的语法进行编写。可以通过打印日志或调试器来检查更新语句是否正确执行。 检查更新条件是否满足:确认更新语句中的条件是否满足。如果条件不满足,更新操作将无法执行成功。…

    2024年2月10日
    14900

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们

4000-747-360

在线咨询: QQ交谈

邮件:ixuntao@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信
购买阿里云服务器请访问:https://www.4526.cn/