Property 'toURL' does not exist on type 'File'
时间: 2023-08-03 12:06:11 浏览: 115
FILE_DOES_NOT_EXIST
5星 · 资源好评率100%
抱歉,我之前的回答有误。File对象并没有toURL()方法。如果要获取文件的URL,可以使用URL.createObjectURL()方法。以下是更新后的示例代码:
```html
<template>
<div class="drop-zone" @dragstart="onDragStart" @dragend="onDragEnd">
Drag file here
</div>
</template>
<script>
export default {
methods: {
onDragStart(event) {
const file = ... // 获取要托出的文件
const fileURL = URL.createObjectURL(file)
event.dataTransfer.setData('DownloadURL', `application/octet-stream:${file.name}:${fileURL}`)
},
onDragEnd(event) {
event.dataTransfer.clearData('DownloadURL')
}
}
}
</script>
```
在上面的代码中,我们使用URL.createObjectURL()方法来获取要托出的文件的URL,并将其添加到数据传输对象中。在本地环境中,我们可以使用XMLHttpRequest或Fetch API等方法来读取托出的文件。
阅读全文