帮我写个github使用access_token 进行文件上传html代码
时间: 2024-01-12 19:03:35 浏览: 154
Web实现上传文件的代码
3星 · 编辑精心推荐
以下是一个示例的HTML代码,可用于在GitHub上使用Access Token进行文件上传:
```html
<!DOCTYPE html>
<html>
<head>
<title>GitHub文件上传</title>
</head>
<body>
<h1>使用Access Token上传文件到GitHub</h1>
<form id="uploadForm" action="#" method="POST" enctype="multipart/form-data">
<input type="file" name="file" id="file">
<input type="button" value="上传" onclick="uploadFile()">
</form>
<script>
function uploadFile() {
//获取文件数据
var file = document.getElementById("file").files[0];
var formData = new FormData();
formData.append("file", file);
//设置Access Token
var accessToken = "YOUR_ACCESS_TOKEN";
//设置上传的URL
var uploadUrl = "https://api.github.com/repos/USERNAME/REPO/contents/PATH/TO/FILE";
//设置请求头
var headers = {
"Authorization": "token " + accessToken
};
//发送上传请求
var xhr = new XMLHttpRequest();
xhr.open("PUT", uploadUrl, true);
xhr.setRequestHeader("Authorization", headers.Authorization);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
alert("文件上传成功!");
} else {
alert("文件上传失败!错误信息:" + xhr.responseText);
}
}
};
xhr.send(formData);
}
</script>
</body>
</html>
```
请注意,您需要将“YOUR_ACCESS_TOKEN”替换为您自己的Access Token,将“USERNAME”替换为您的GitHub用户名,“REPO”替换为您要上传文件的存储库名称,“PATH/TO/FILE”替换为文件在存储库中的路径。如果您上传的文件已经存在,则会将其覆盖。
阅读全文