功能业务
关注
分享
扫一扫
纯黑色山羊
这个作者很懒，什么都没留下…
展开
-
实现1px物理像素边框-css
背景一般设置边框为1px，实际上指的是css上的css，在设备上会受到像素比的影响，从而导致css的1px并不等于设备上的css；名称解释像素比：指的是物理像素分辨率与CSS像素分辨率之比，在web上使用window.devicePixelRatio获取其值示例第一种，通过改变mate标签中的initial-scale缩放值与设置html的fontSize实现<!DOCTYPE html><html lang="en"> <head> &原创 2022-03-05 12:06:38 · 573 阅读 · 0 评论 -
将获取的flie图片显示到页面
需求描述需要上传图片至后端，并且需要前端将上传的图片显示出来，且后端并不会返回上传的图片的路径实现方式FlieReader对象获取图片的base64位数据显示图片原理：FlieReader对象允许Web应用程序异步读取存储在用户计算机上的文件；通过设置FlieReader实例对象的onload事件获取使用readAsDataURL读取的文件信息（返回data：URL格式的Base64字符串），来显示图片，代码如下：<template> <div>原创 2020-08-21 10:50:54 · 295 阅读 · 0 评论 -
使用axios进行文件上传
前期需要了解的一些知识此方法主要是使用FormData数据进行文件的上传；FormData是XMLHttpRequest Level2提供的一个接口对象，提供了一种表单数据的键值对的构造方法，经过它的数据处理可以使用XMLHttpRequest.send( )方法送出；如果送出时的编码类型被设为"multipart/form-data"，会使用和表达一样的格式； 使用FormData实例的append()方法或set()方法设置数据，其中append与set区别在于，一个是不会覆盖原值，只添加新值。一原创 2020-08-20 19:44:28 · 27434 阅读 · 4 评论