Для моего приложения PHP мне нужно использовать Текстовый процессор Syncfusion Javascript .Чтобы создать экземпляр с текстом по умолчанию, Syncfusion просит отформатировать этот текст в SFDT, что-то вроде JSON.
//SFDT Example
"sections": [
{
"blocks": [
{
"inlines": [
{
"characterFormat": {
"bold": true,
"italic": true
},
"text": "Hello World"
}
]
}
],
"headersFooters": {
}
}
]
Этот код показывает это: Ссылка
С помощью пакета .NET Core Syncfusion.EJ2.WordEditor.AspNet.Core я могу преобразовать файл doc (x) в формат sfdt.Поэтому я создаю новое приложение .NET Core Web Api с Visual Studio 2017 для Mac с этим пакетом.
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using Syncfusion.EJ2.DocumentEditor;
namespace SyncfusionConverter.Controllers
{
[Route("api/[controller]")]
public class SyncfusionController : Controller
{
[AcceptVerbs("Post")]
public string Import(IFormCollection data)
{
if (data.Files.Count == 0)
return null;
Stream stream = new MemoryStream();
IFormFile file = data.Files[0];
int index = file.FileName.LastIndexOf('.');
string type = index > -1 && index < file.FileName.Length - 1 ?
file.FileName.Substring(index) : ".docx";
file.CopyTo(stream);
stream.Position = 0;
WordDocument document = WordDocument.Load(stream, GetFormatType(type.ToLower()));
string sfdt = Newtonsoft.Json.JsonConvert.SerializeObject(document);
document.Dispose();
return sfdt;
}
internal static FormatType GetFormatType(string format)
{
if (string.IsNullOrEmpty(format))
throw new NotSupportedException("EJ2 DocumentEditor does not support this file format.");
switch (format.ToLower())
{
case ".dotx":
case ".docx":
case ".docm":
case ".dotm":
return FormatType.Docx;
case ".dot":
case ".doc":
return FormatType.Doc;
case ".rtf":
return FormatType.Rtf;
case ".txt":
return FormatType.Txt;
case ".xml":
return FormatType.WordML;
default:
throw new NotSupportedException("EJ2 DocumentEditor does not support this file format.");
}
}
}
}
Я делаю Ajax-запрос для вызова этого метода .Net с моим файлом doc (x) в качестве параметра.,
function loadFile(file) {
const ajax = new XMLHttpRequest();
const url = 'https://localhost:5001/api/Syncfusion/Import';
ajax.open('POST', url, true);
ajax.onreadystatechange = () => {
if (ajax.readyState === 4) {
if (ajax.status === 200 || ajax.status === 304) {
// open SFDT text in document editor
alert(ajax.status);
}else{
alert(ajax.status);
}
}else{
alert(ajax.readyState);
}
};
let formData = new FormData();
formData.append('files', file);
ajax.send(formData);
}
Когда выполняется функция loadFile, я получаю эту ошибку в консоли браузера: «Cross-Origin Request (Блокировка запроса Multi-Origin»): политика «Same Origin» не позволяет обращаться кудаленный ресурс расположен по адресу https://localhost:5001/Syncfusion/Import. Причина: сбой запроса CORS. "
Я следую этому уроку и этим SO сообщениям Link1 Link2 , но это не работает.Есть идеи, чтобы решить эту проблему?
Редактировать 1: Кажется, мой код работает в Safari & Chrome, но не работает в Firefox.
Редактировать 2: Startup.cs
namespace SyncfusionConverter
{
public class Startup
{
public Startup(IConfiguration configuration)
{
Configuration = configuration;
}
public IConfiguration Configuration { get; }
// This method gets called by the runtime. Use this method to add services to the container.
public void ConfigureServices(IServiceCollection services)
{
services.AddCors(setup => setup.AddPolicy("CorsPolicy", builder =>
{
builder.AllowAnyOrigin()
.AllowAnyHeader()
.AllowAnyMethod()
.AllowCredentials();
}));
services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseCors("CorsPolicy");
app.UseHttpsRedirection();
app.UseMvc();
}
}
}