帮助文档
专业提供香港服务器、香港云服务器、香港高防服务器租用、香港云主机、台湾服务器、美国服务器、美国云服务器vps租用、韩国高防服务器租用、新加坡服务器、日本服务器租用 一站式全球网络解决方案提供商!专业运营维护IDC数据中心,提供高质量的服务器托管,服务器机房租用,服务器机柜租用,IDC机房机柜租用等服务,稳定、安全、高性能的云端计算服务,实时满足您的多样性业务需求。 香港大带宽稳定可靠,高级工程师提供基于服务器硬件、操作系统、网络、应用环境、安全的免费技术支持。
服务器资讯 / 香港服务器租用 / 香港VPS租用 / 香港云服务器 / 美国服务器租用 / 台湾服务器租用 / 日本服务器租用 / 官方公告 / 帮助文档
js获得相对路径文件,并上传到服务器
发布时间:2024-03-06 08:33:10   分类:帮助文档
js获得相对路径文件,并上传到服务器 如何通过js获得相对路径文件 已知一个相对路径文件,如何使用js将该文件读取为File格式,最后上传到服务器中呢。 1.最简单的解决方案——fetch 代码 import './index.scss' // js通过相对路径获取文件 function FetchGetLocalFile() { const fetchLocalFile = (path: string) => { // 使用fetch API加载图片文件 fetch(path) .then(function (response) { return response.blob() // 获取图片文件的二进制数据 }) .then(function (blob) { // 获取文件名 let temp: any = path?.split('/') let name = temp[temp?.length - 1] // 创建File对象 let file = new File([blob], name, { type: blob.type }) console.log('通过fetch读取的本地文件', file) }) .catch(function (error) { console.log('加载文件失败:', error) }) } return (

js通过相对路径获取文件

) } export default FetchGetLocalFile 结果 2. File File() 构造器创建新的 File 对象实例(文件对象) 语法 const myFile = new File(bits, name[, options]); 参数 bits 一个包含ArrayBuffer,ArrayBufferView,Blob,或者 DOMString 对象的 Array — 或者任何这些对象的组合。这是 UTF-8 编码的文件内容。 name 表示文件名称,或者文件路径。 options 可选 选项对象,包含文件的可选属性。可用的选项如下: type: 表示将要放到文件中的内容的 MIME 类型。默认值为 "" 。lastModified: 数值,表示文件最后修改时间的 Unix 时间戳(毫秒)。默认值为 Date.now()。 每个File类型对象都有有些只读属性 name:本地系统中的文件名size:以字节计的文件大小type:包含文件MIME类型的字符串lastModifiedDate:表示文件的最后修改时间 File接口基于Blob,稍后将介绍Blob File 接口没有定义任何方法,但是它从 Blob 接口继承了以下方法: Blob.slice Blob.slice([start[, end[, contentType]]]) 返回一个新的 Blob 对象,它包含有源 Blob 对象中指定范围内的数据。 3. Blob binary large object:二进制大对象 Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,也可以转换成 ReadableStream 来用于数据操作。 Blob 表示的不一定是 JavaScript 原生格式的数据。File 接口基于 Blob,继承了 Blob 的功能并将其扩展以支持用户系统上的文件。 打印出的Blob对象:详细说明 部分读取使用Blob.slice([start[, end[, contentType]]]) 4. fetch Fetch API 提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。 用法 fetch()接受一个 URL 字符串作为参数,默认向该网址发出 GET 请求,返回一个 Promise 对象。 基本示例 fetch(url) .then((response)=>{}) .catch((err)=>{}) fetch()接收到的response是一个 Stream 对象,因此只能被读取一次,更多用法见Fetch API
香港云服务器租用推荐
服务器租用资讯
·广东云服务有限公司怎么样
·广东云服务器怎么样
·广东锐讯网络有限公司怎么样
·广东佛山的蜗牛怎么那么大
·广东单位电话主机号怎么填写
·管家婆 花生壳怎么用
·官网域名过期要怎么办
·官网邮箱一般怎么命名
·官网网站被篡改怎么办
服务器租用推荐
·美国服务器租用
·台湾服务器租用
·香港云服务器租用
·香港裸金属服务器
·香港高防服务器租用
·香港服务器租用特价