效果图
基本思路
input
上传文件
fileReader
读取内容并储存在content
中
- 用正则表达式
replace
替换content
中的内容
- 利用
<a>
标签中的download
属性,动态更改href
的值下载文件
知识点
FileReader
- 正则表达式
<a>
标签中的download
属性
blob
对象
window.URL.createObjectURL
代码
<script>
window.onload=function(){
var input = document.getElementById("fileMD");
input.onchange = function(){
var file = input.files[0];
var reader = new FileReader();
reader.readAsText(file);
reader.onload=function(){
var content=this.result;
content=content.replace(/\!(\[.+\])\((.+)\)/g,"<img src=\"" + "$2" + "\" />")
content=content.replace(/\[(.+)\]\((.+)\)/g,"<a href=\"" + "$2" + " \" >" + "$1" + "</a>")
var blob = new