mirror of
https://gitlab.com/Binaryify/neteasecloudmusicapi.git
synced 2025-05-23 22:37:41 +08:00
78 lines
2.1 KiB
HTML
78 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>歌单封面上传</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div>
|
|
<a href="/qrlogin-nocookie.html">
|
|
如果没登录,请先登录
|
|
</a>
|
|
</div>
|
|
<input id="file" type="file" name="filename" />
|
|
<img id="playlist_cover" style="height: 200px; width: 200px; border-radius: 50%" />
|
|
<script src="https://fastly.jsdelivr.net/npm/axios@0.26.1/dist/axios.min.js"></script>
|
|
<script>
|
|
const playlist_id = ''
|
|
if (!playlist_id) {
|
|
const msg = '请设置你的歌单id'
|
|
alert(msg)
|
|
throw new Error(msg)
|
|
}
|
|
|
|
main()
|
|
async function main() {
|
|
document.querySelector('input[type="file"]').addEventListener(
|
|
'change',
|
|
function (e) {
|
|
var file = this.files[0]
|
|
upload(file)
|
|
},
|
|
false,
|
|
)
|
|
const res = await axios({
|
|
url: `/playlist/detail?id=${playlist_id}×tamp=${Date.now()}`,
|
|
})
|
|
document.querySelector('#playlist_cover').src = res.data.playlist.coverImgUrl
|
|
}
|
|
|
|
async function upload(file) {
|
|
var formData = new FormData()
|
|
formData.append('imgFile', file)
|
|
const imgSize = await getImgSize(file)
|
|
const res = await axios({
|
|
method: 'post',
|
|
url: `/playlist/cover/update?id=${playlist_id}&cookie=${localStorage.getItem('cookie')}&imgSize=${imgSize.width
|
|
}&imgX=0&imgY=0×tamp=${Date.now()}`,
|
|
headers: {
|
|
'Content-Type': 'multipart/form-data',
|
|
},
|
|
data: formData,
|
|
})
|
|
document.querySelector('#playlist_cover').src = res.data.data.url
|
|
}
|
|
function getImgSize(file) {
|
|
return new Promise((resolve, reject) => {
|
|
let reader = new FileReader()
|
|
reader.readAsDataURL(file)
|
|
reader.onload = function (theFile) {
|
|
let image = new Image()
|
|
image.src = theFile.target.result
|
|
image.onload = function () {
|
|
resolve({
|
|
width: this.width,
|
|
height: this.height,
|
|
})
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|