현재 File , FileWriter 및 FileSystem API 를 사용하여 브라우저 탭 / 창의 컨텍스트에서 파일을 읽고 읽을 수 있지만 사용에 대한주의 사항이 있습니다 (이 답변의 꼬리 부분 참조).
그러나 귀하의 질문에 대답하려면 :
BakedGoods 사용 *
파일 쓰기 :
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
파일 읽기 :
bakedGoods.get({
data: ["testFile"],
storageTypes: ["fileSystem"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(resultDataObj, byStorageTypeErrorObj){}
});
원시 파일, FileWriter 및 FileSystem API 사용
파일 쓰기 :
function onQuotaRequestSuccess(grantedQuota)
{
function saveFile(directoryEntry)
{
function createFileWriter(fileEntry)
{
function write(fileWriter)
{
var dataBlob = new Blob(["Hello world!"], {type: "text/plain"});
fileWriter.write(dataBlob);
}
fileEntry.createWriter(write);
}
directoryEntry.getFile(
"testFile",
{create: true, exclusive: true},
createFileWriter
);
}
requestFileSystem(Window.PERSISTENT, grantedQuota, saveFile);
}
var desiredQuota = 1024 * 1024 * 1024;
var quotaManagementObj = navigator.webkitPersistentStorage;
quotaManagementObj.requestQuota(desiredQuota, onQuotaRequestSuccess);
파일 읽기 :
function onQuotaRequestSuccess(grantedQuota)
{
function getfile(directoryEntry)
{
function readFile(fileEntry)
{
function read(file)
{
var fileReader = new FileReader();
fileReader.onload = function(){var fileData = fileReader.result};
fileReader.readAsText(file);
}
fileEntry.file(read);
}
directoryEntry.getFile(
"testFile",
{create: false},
readFile
);
}
requestFileSystem(Window.PERSISTENT, grantedQuota, getFile);
}
var desiredQuota = 1024 * 1024 * 1024;
var quotaManagementObj = navigator.webkitPersistentStorage;
quotaManagementObj.requestQuota(desiredQuota, onQuotaRequestSuccess);
바로 당신이 뭘 바랐나요? 그럴 수도 있고 아닐 수도 있고. 후자의 두 API :
- 현재 Chromium 기반 브라우저 (Chrome & Opera)에서만 구현됩니다.
- W3C 표준 트랙에서 벗어 났으며 현재로서는 독점 API입니다
- 향후 구현 브라우저에서 제거 될 수 있음
- 디스크 에서 파일 생성을 샌드 박스 ( 파일 외부에서 영향을 줄 수있는 위치)로 제한
또한 FileSystem 스펙은 디렉토리 구조가 디스크에 표시되는 방법에 대한 지침을 정의하지 않습니다. 예를 들어 Chromium 기반 브라우저에서 샌드 박스에는 가상 파일 시스템 (브라우저 내에서 액세스 할 때와 동일한 형식으로 디스크에 반드시 존재하지 않아도되는 디렉토리 구조)이 있으며이 디렉토리 내에서 API가 배치됩니다.
따라서 API를 사용하여 시스템에 파일을 쓸 수는 있지만 API없이 파일을 찾는 경우 (FileSystem API가없는 경우) 사소한 일이 될 수 있습니다.
이러한 문제 / 제한 사항을 처리 할 수 있다면 이러한 API는 요청한 것을 수행하는 유일한 기본 방법입니다.
네이티브가 아닌 솔루션을 사용하는 경우 Silverlight를 사용하면 IsolatedStorage를 통해 탭 / 창 컨테스트에서 파일 I / O를 허용 할 수도 있습니다 . 그러나이 기능을 사용하려면 관리 코드 가 필요합니다. 이러한 코드를 작성해야하는 솔루션은이 질문의 범위를 벗어납니다.
물론 보완적인 관리 코드를 사용하고 Javascript 만 작성하여 작성하는 솔루션은이 질문의 범위 내에 있습니다.
//Write file to first of either FileSystem or IsolatedStorage
bakedGoods.set({
data: [{key: "testFile", value: "Hello world!", dataFormat: "text/plain"}],
storageTypes: ["fileSystem", "silverlight"],
options: {fileSystem:{storageType: Window.PERSISTENT}},
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
* BakedGoods는 모든 기본 및 비원시 스토리지 시설에서 공통 스토리지 작업을 수행하는 데 사용할 수있는 균일 한 인터페이스를 설정하는 Javascript 라이브러리입니다. 이 녀석이 여기에 의해 관리됩니다 :).