I have a strange issue using the Document Editor with MS Word files that I hope someone can point me in the right direction to solve. My use case is loading a Word document into the browser from a server, allowing the user to edit the document, then saving the changes back to the server.
In principal, this mostly works. However, my problem is that when saving the document on the server, if it overwrites an existing file, the file becomes corrupted and can't be opened either by the Document Editor, or MS Word. If I try to open it, the error I get is "Zip exception. Can't find local header signature - wrong file format or file is corrupt.".
If I open an existing file, edit it, then delete it from the server before saving it, a new file is created that does not have any issues. Likewise, if I save the edited document with a different name, a new file is again created with no issues. The problem only occurs when saving the changes back over an existing document.
This happens even with a brand new, blank Word document. I have updated my NuGet packages and JS CDN links to the latest version (26.2.8).
This is my javascript for uploading the document:
$("#SaveDocument").on("click", function () {
$.post({
url: "/assessmentreports/savereport/" + document.getElementById("assessment-id").value,
contentType: "application/json; charset=utf-8",
data: JSON.stringify(documentEditor.serialize()),
headers: { 'RequestVerificationToken': $("input[name = __RequestVerificationToken]").val() }
}).done(function () {
alert("Report saved.");
}).fail(function (xhr, status, error) {
alert("There was a problem saving the report.");
});
});
This is the C# code that writes the file to disk:
try
{
string filePath = Globals.ReportsPath + OrganisationId + Path.DirectorySeparatorChar + AssessmentId + ".docx";
using Stream document = Syncfusion.EJ2.DocumentEditor.WordDocument.Save(Report, Syncfusion.EJ2.DocumentEditor.FormatType.Docx);
using FileStream file = new(filePath, FileMode.OpenOrCreate, FileAccess.ReadWrite);
await document.CopyToAsync(file).ConfigureAwait(false);
return true;
}
catch (Exception e)
{
Log.Error($"{GetType().Name}.{nameof(SaveReportAsync)}: {e.Message}");
return false;
}
Any ideas?
Thanks.
