Ich habe es untersucht und meine Syntax sieht korrekt aus, aber ich kann nicht herausfinden, was falsch läuft. Wenn ich die Optionsparams nicht eingeschlossen habe, funktioniert alles gut außer CORS ist eingeschaltet, was ich nicht will.Deaktivieren von CORS mit js fetch
Nach dem Hinzufügen der Optionen mit Modus in der Anfrage, die ich jetzt immer diese Fehlermeldung mit allen Bildern angefordert:
Bild-Cropper-modal.js: 73 Daten GET: net :: ERR_INVALID_URL
haben versucht, schon hier auf der Suche: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch und hier:
: https://jakearchibald.com/2015/thats-so-fetch/hier mein Code
const options = {
method: 'GET',
mode: 'no-cors'
};
fetch(url, options).then(response => response.blob())
.then(blob => {
let reader = new FileReader();
reader.onload =() => {
const type = blob.type;
const [image, dataUrl] = [new Image(), reader.result];
image.src = dataUrl;
const [width, height] = [image.width, image.height];
const {minWidth, minHeight} = props.opt;
const isWithinBounds = (width >= minWidth) && (height >= minHeight);
callback({
dataUrl,
height,
minHeight,
minWidth,
width
});
}
reader.readAsDataURL(blob)
});
Haben Sie Zugriff auf die Serverseite? Im Dev-Modus verwende ich, um dies zu vermeiden CORS response.header ("Access-Control-Allow-Origin", "*"); response.header ("Zugriffssteuerung-Erlauben-Header", "Ursprung, X-Requested-With, Content-Type, Accept"); –
FYI - in Ihrem zweiten Link, über No-Cors es Staaten ** Natürlich können Sie nicht den Inhalt der Antwort ** lesen, die es ziemlich klar, dass Ihr Code die Antwort nicht lesen würde (auch wenn Corse-Header sind anwesend, glaube ich) –