js或jquery实现文件下载

js使用原生ajax

<div onclick="download1()">下载</div>
<script>function downloadFile1(content, filename) {var a = document.createElement('a')var blob = new Blob([content])var url = window.URL.createObjectURL(blob)a.href = urla.download = filenamea.click()window.URL.revokeObjectURL(url)}function download1() {var url = 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=20550366,3650143321&fm=26&gp=0.jpg' // demo图片ajax(url, function(xhr) {var filename = 'xxx.' + url.replace(/(.*\.)/, '') // 自定义文件名+后缀downloadFile1(xhr.response, filename)}, {responseType: 'blob'})}function ajax(url, callback, options) {window.URL = window.URL || window.webkitURLvar xhr = new XMLHttpRequest()xhr.open('get', url, true)if (options.responseType) {xhr.responseType = options.responseType}xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {callback(xhr)}}xhr.send()}
</script>

jQuery实现文件下载

    function download(){var url ="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=20550366,3650143321&fm=26&gp=0.jpg";var f1 = $.ajax({url: url,type: 'GET',xhrFields: {  responseType: 'blob'},});$.when(f1).then(function (content) {console.log("jinru")var filename = 'xxx.' + url.replace(/(.*\.)/, '') // 自定义文件名+后缀var a = document.createElement('a')var blob = new Blob([content])var url = window.URL.createObjectURL(blob)a.href = urla.download = filenamea.click()window.URL.revokeObjectURL(url)}, function () {//失败回调，任意一个请求失败时返回console.log("失败");console.log('error');})}

js或jquery实现文件下载相关推荐

jQuery 插件取url参数[jquery.url.js]的使用以及文件下载
方法一. 如题,直接上调用代码: jQuery.url.param("c") "c"就是当前url中的参数,记得要引用jquery.js和jquery.url. ...
前端知识总结汇总！（HTML、CSS、JS、jQuery、vue、微信小程序）
前端知识总结汇总!(HTML.CSS.JS.jQuery.vue.微信小程序) 前端理论考核题 1 / HTML 1.DOCTYPE 的作用是什么?标准模式与兼容模式各有什么区别? !DOCTYPE是 ...
pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...
连连看html游戏全代码js、jquery操作
连连看html游戏全代码js.jquery操作运行图片目录路径连连看水果方块版.html 连连看算法进行下一个游戏的开发! 注意事项我会把html文件.css文件提供下载地址,文件夹路径也展 ...
飞机大战html游戏全代码js、jquery操作
飞机大战html游戏全代码博主的话运行图片目录路径飞机大战.html style.css 进行下一个游戏的开发! 注意事项博主的话当时博主只会html,css和原生JavaScript,假 ...
事件委托技术原理和使用（js，jquery）
事件委托技术原理和使用(js,jquery) 原创 2016年03月10日 11:18:56 标签: 技术 / jquery / javascript 2555 一:事件委托技术原理摘自http:/ ...
获得焦点时选择文本框的所有内容（Vanilla JS或jQuery）
本文翻译自:Select all contents of textbox when it receives focus (Vanilla JS or jQuery) 什么是Vanilla JS或jQu ...
JS和JQUERY的区别
JS和JQUERY的区别 ①.根据ID取元素 { JS:取到的是一个DOM对象. 例:var div = document.getElementByID("one"); JQUER ...
html tab与jQuery,js与jquery分别实现tab标签页功能的方法
本文实例讲述了js与jquery分别实现tab标签页功能的方法.分享给大家供大家参考,具体如下: 首先列出样式和html标签 *{margin: 0;padding: 0;} #myul li {li ...
JS和Jquery获取和修改label的值
获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: var label=document.getElementById("id"); va ...

js或jquery实现文件下载

js使用原生ajax

jQuery实现文件下载

js或jquery实现文件下载相关推荐

最新文章

热门文章