vue上传svg 上传显示svg vue通过链接显示svg vue上传vue时保存为xml/html代码

上传限制仅svg

	//二者均可
	accept="image/svg+xml"
	accept=".svg" 

显示SVG

//svg是链接的展示方式
<embed 
	v-if="editData.obj.svgUrl"   
	:src="editData.obj.svgUrl" 
	width="72" 
	height="72" 
	type="image/svg+xml"  
/>
//svg是代码的展示方式(直接使用v-html即可)
 <div v-html="editData.obj.svgUrl"></div> 

上传时保存为XML/HTML

			//file : file文件
            var formData = new Blob([file],{type:"text/plain;charset=utf-8"}); 
            var reader = new FileReader();
            reader.onload = function(e) { console.log('返回值。svg代码',e.target.result ) }
            reader.readAsText(formData);

后续更新vue修改svg颜色

你可能感兴趣的:(js,Vue,svg,js,svg,web,vue)