ขณะนี้ไฟล์สามารถเขียนและอ่านได้จากบริบทของแท็บ / หน้าต่างเบราว์เซอร์ด้วยFile , FileWriterและFileSystem APIs แม้ว่าจะมีข้อควรระวังในการใช้งาน (ดูส่วนท้ายของคำตอบนี้)
แต่เพื่อตอบคำถามของคุณ:
ใช้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){}
});
การใช้ไฟล์ raw, 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);
สิ่งที่คุณขอใช่ไหม อาจจะอาจจะไม่. APIs สองรายการหลัง:
- ปัจจุบันมีการใช้งานในเบราว์เซอร์ที่ใช้ Chromium เท่านั้น (Chrome & Opera)
- ถูกนำออกจากแทร็กมาตรฐาน W3C และ ณ ขณะนี้เป็น API ที่เป็นกรรมสิทธิ์
- อาจถูกลบออกจากเบราว์เซอร์ที่ใช้งานในอนาคต
- จำกัด การสร้างไฟล์ไปยังแซนด์บ็อกซ์ (ตำแหน่งภายนอกซึ่งไฟล์ไม่สามารถสร้างผลกระทบ) บนดิสก์
นอกจากนี้ข้อมูลจำเพาะของ FileSystem ยังไม่ได้กำหนดแนวทางในการที่โครงสร้างไดเรกทอรีจะปรากฏบนดิสก์ ในเบราว์เซอร์ที่ใช้ Chromium แซนด์บ็อกซ์มีระบบไฟล์เสมือน (โครงสร้างไดเรกทอรีซึ่งไม่จำเป็นต้องมีอยู่ในดิสก์ในรูปแบบเดียวกับที่มันทำเมื่อเข้าถึงจากภายในเบราว์เซอร์) ซึ่งมีไดเรกทอรีและไฟล์ที่สร้างขึ้นด้วย มีการวาง API
ดังนั้นแม้ว่าคุณอาจจะสามารถเขียนไฟล์ไปยังระบบที่มี API ได้ แต่การค้นหาไฟล์ที่ไม่มี API (อาจจะไม่มี FileSystem API) อาจเป็นเรื่องที่ไม่สำคัญ
หากคุณสามารถจัดการกับปัญหา / ข้อ จำกัด เหล่านี้ได้ API เหล่านี้เป็นวิธีเดียวในการทำสิ่งที่คุณถาม
หากคุณกำลังเปิดเพื่อแก้ปัญหาที่ไม่ใช่เจ้าของภาษา Silverlight ยังช่วยให้ไฟล์ I / O จากการประกวดแท็บ / หน้าต่างผ่านIsolatedStorage อย่างไรก็ตามรหัสที่ได้รับการจัดการจะต้องใช้สิ่งอำนวยความสะดวกนี้ โซลูชันที่ต้องการเขียนโค้ดดังกล่าวอยู่นอกเหนือขอบเขตของคำถามนี้
แน่นอนวิธีการแก้ปัญหาที่ใช้ประโยชน์จากการจัดการรหัสเสริมทิ้งไว้กับ 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 ที่สร้างอินเตอร์เฟสที่เหมือนกันซึ่งสามารถใช้ในการดำเนินการจัดเก็บข้อมูลทั่วไปในเนทีฟทั้งหมดและหน่วยเก็บข้อมูลที่ไม่ใช่เจ้าของภาษา มันถูกดูแลโดยชายคนนี้ที่นี่:)