| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- <!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" multiple />
- <div id="app">
- <ul>
- <li v-for="(item,index) in songs" :key="index">
- {{item.songName}}
- </li>
- </ul>
- </div>
- <script src="https://cdn.jsdelivr.net/npm/axios@0.26.1/dist/axios.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/vue"></script>
- <script>
- const app = Vue.createApp({
- data() {
- return {
- songs: []
- }
- },
- created() {
- this.getData()
- },
- methods: {
- getData() {
- console.log('getdata');
- const _this = this
- axios({
- url: `/user/cloud?time=${Date.now()}&cookie=${localStorage.getItem('cookie')}`,
- }).then(res => {
- console.log(res.data)
- _this.songs = res.data.data
- })
- }
- }
- }).mount('#app')
- const fileUpdateTime = {}
- let fileLength = 0
- function main() {
- document
- .querySelector('input[type="file"]')
- .addEventListener('change', function (e) {
- console.log(this.files)
- let currentIndx = 0
- fileLength = this.files.length
- for (const item of this.files) {
- currentIndx += 1
- upload(item, currentIndx)
- }
- })
- }
- main()
- function upload(file, currentIndx) {
- var formData = new FormData()
- formData.append('songFile', file)
- axios({
- method: 'post',
- url: `/cloud?time=${Date.now()}&cookie=${localStorage.getItem('cookie')}`,
- headers: {
- 'Content-Type': 'multipart/form-data',
- },
- data: formData,
- }).then(res => {
- console.log(`${file.name} 上传成功`)
- if (currentIndx >= fileLength) { console.log('上传完毕') }
- app.getData()
- }).catch(async err => {
- console.log(err)
- console.log(fileUpdateTime)
- fileUpdateTime[file.name] ? fileUpdateTime[file.name] += 1 : fileUpdateTime[file.name] = 1
- if (fileUpdateTime[file.name] >= 4) {
- console.error(`丢，这首歌怎么都传不上：${file.name}`)
- return
- } else {
- console.error(`${file.name} 失败 ${fileUpdateTime[file.name]} 次`)
- }
-
- upload(file, currentIndx)
- })
- }
- </script>
- </body>
- </html>
|
