简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집> 웹 프론트엔드> JS 튜토리얼> 본문

怎样使用JavaScript保存文本数据

php中世界最好的语言
풀어 주다： 2018-03-10 15:57:18
원래의
2608명이 탐색했습니다.

这次给大家带来怎样使用JavaScript保存文本数据，使用JavaScript保存文本数据的注意事项有哪些，下面就是实战案例，一起来看一下。

JavaScript保存文本数据示例,当然不仅仅是文本其他类型的也是可以的

首先上代码

     

   
文件名:
 
大小:
로그인 후 복사

实现分类

一般情况下使用浏览器自带功能实现导出类似与文本文件的方式简单可以分为两种
1.DataURL
2.ObjectURL

原理

其实原理跟平时下载是一样的,只不过把下载的连接替换成了以上两种URL

比较

DataURL方式

在示例代码中DataURL方式1是将文本文件直接读取成DataURL,DataURL方式2是通过读取文本内容然后将内容与（data:text/plain;charset=utf-8,...）进行拼接
DataURL方式1和DataURL方式2对文件文本编码有一定要求,容易出现乱码

ObjectURL方式

ObjectURL是将内存中的对象转为ObjectURL,相比DataURL的话ObjectURL比较不容易出现乱码,但DataURL比较固定ObjectURL比较不固定

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

怎样用JS编写模拟器

ES6的set数据结构和map数据结构

ES6里新的数组API详解

위 내용은 怎样使用JavaScript保存文本数据의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
javascript js 文本
원천：php.cn
이전 기사：浏览器文件分段断点上传 다음 기사：如何使用s-xlsx实现Excel 文件导入和导出（上）
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
AJAX, PHP 및 서버 전송 이벤트를 사용하여 OpenAI API에서 데이터 스트리밍 SSE(Server Sent Events)를 사용하여 JavaScript 및 PHP를 사용하는 위 API의 데이터를 브라우저 클라이언트로 스트리밍하려면 어떻게 해...
에서 2023-11-11 12:03:23
0
1
497
잡히지 않은 TypeError: 정의되지 않은 속성을 설정할 수 없습니다('innerHTML' 설정). "Continuous TextBox"(내 클래스에 의해 정의됨) 클래스의 요소에서 PHP를 사용하여 웹 페이지를 만들려고 합니다. 클릭하면 다른...
에서 2023-11-08 21:06:09
0
1
278
JavaScript에서 색상이라는 CSS/HTML의 RGB 값을 얻는 방법 [name-rgb]라는 Javascript 개체를 만들었습니다. 기본: 명명된Colors={AliceBlue:[240,248,255],AntiqueWhite:[2...
에서 2023-11-06 09:05:50
0
2
210
왜 그렇게 많은 JavaScript 스크립트가 사물에 임의의 숫자를 추가합니까? 충돌? 나는 최근에 JavaScript를 배우고 있으며 Math.rand()를 사용하여 링크(Face book.com, 가독성 북마크)에 추가하는 많은 예를 보았습니다....
에서 2023-11-04 20:00:04
0
2
296
JavaScript의 성능 제한 식별 Javascript에서 병목 현상을 찾으려고 합니다. 기본적으로 저는 작업을 수행하는 데 4-5초가 걸리는 Javascript로 작성된 크롬 확장 프로그램을 개발...
에서 2023-10-31 20:47:17
0
1
229
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！