Skip to content

下载文件

基本使用

vue
<script setup lang="ts">
import { onMounted, onUnmounted } from 'vue'
import { download } from 'vue-hkp-ui'

console.log(download('下载地址'))  

</script>

内部方法

vue
<script setup lang="ts">
function download (url){
  var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    var isSafari = navigator.userAgent.toLowerCase().indexOf('safari') > -1;
    if (isChrome || isSafari) {
        var link = document.createElement('a');
        link.href = url;
        if (link.download !== undefined) {
            var fileName = url.substring(url.lastIndexOf('/') + 1, url.length);
            link.download = fileName;
        }
        if (document.createEvent) {
            var e = document.createEvent('MouseEvents');
            e.initEvent('click', true, true);
            link.dispatchEvent(e);
            return true;
        }
    }
    if (url.indexOf('?') === -1) {
        url += '?download';
    }
    window.open(url, '_self');
    return true;
}
</script>

removearray Params

参数说明类型默认值必传
url下载地址string-true

Released under the MIT License.