html5 - Bagaimanakah FileReader membaca berbilang fail serentak?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-07 09:24:35
0
1
788
<input type="file" name="sendfile" id="sendfile" v-show='false' accept="image/png,image/gif,image/jpeg" @change='upload' multiple>

Seperti di atas, untuk input yang menyokong pelbagai muat naik imej, bagaimanakah cara menggunakan pembaca fail untuk membaca dataurl setiap imej secara setempat? Bagaimana hendak menulis muat naik ini?

曾经蜡笔没有小新
曾经蜡笔没有小新

membalas semua(1)
左手右手慢动作

Bacaan gelung

new Vue({
  el: 'app',
  methods: {
    async upload () {
      const files = event.target.files
      const uploadList = []
      console.log(files)

      const readFileAsync = file => new Promise(resolve => {
        const reader = new FileReader()
        reader.onload = evt => resolve(evt.target.result)
        reader.readAsDataURL(file)
      })

      for (let i = 0; i < files.length; i++) {
        uploadList.push(await readFileAsync(files[i]))
      }

      event.target.value = null

      console.log(uploadList)
    }
  }
})
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan