Kopieren Paste Screenshot in Summernote und als Datei hochladen

Question

Ich benutze Summernote Texteditor mit PHP, ich kann Bilddateien .png, .jpeg ziehen und ablegen und kann Bild hochladen und erhalten Bildpfad und Bild anzeigen.

I codeigniter tun verwenden und unten ist für die Validierung des Bildes verwendet,

$config['upload_path'] = './uploads/parts/'; 
$config['allowed_types'] = 'gif|jpg|png|jpeg'; 
$config['max_size']  = '2000'; 
$config['encrypt_name'] = TRUE; 
$config['remove_spaces'] = TRUE; 

Wenn ich Drop png Erweiterungsdatei ziehen, es funktioniert perfekt, und unten ist Wunsch paylod, erwartet laufen, weil Datei bereits Erweiterung von png.

------WebKitFormBoundaryZoezKRGNH5LYW3oL 
Content-Disposition: form-data; name="userfile"; filename="2016-06-17_12-53-01.png" 
Content-Type: image/png 


------WebKitFormBoundaryZoezKRGNH5LYW3oL-- 

Aber wenn ich Screenshot und einfach kopieren und einfügen in Editor geht es als BLOB und meine Validierung throw Fehler,

------WebKitFormBoundaryagedeUpo2DrEPCbg 
Content-Disposition: form-data; name="userfile"; filename="blob" 
Content-Type: image/png 


------WebKitFormBoundaryagedeUpo2DrEPCbg-- 

Und da keine Erweiterung der Datei, es Fehler werfen The filetype you are attempting to upload is not allowed.

Wie können wir kopieren einfügen Bild als. Png oder welche Erweiterung sollte ich dafür zugelassen?

Danke,

Answer 1

Ich habe meine modifizierte u pload JS,

früher war einer wie unten,

data = new FormData(); 
data.append("userfile", files[0]) 

mit diesem So ist es Dateinamen als je angebracht Dateinamen Beispiel myfilename.png nehmen,

jetzt Abhängigkeit von Dateinamen zu entfernen, i geändertener Code unten,

data = new FormData(); 
data.append("userfile", files[0], upload.png) 

so, jetzt alle kopieren und einfügen Bild und Drag & Drop-image-Datei immer als upload.png gehen. Sogar Blobs werden als upload.png bezeichnet.

Referenz - https://developer.mozilla.org/en-US/docs/Web/API/FormData/append

Answer 2

Zum application/config/mimes.php

'gif' => 'image/gif', 
'jpeg' => array('image/jpeg', 'image/pjpeg'), 
'jpg' => array('image/jpeg', 'image/pjpeg'), 
'jpe' => array('image/jpeg', 'image/pjpeg'), 
'png' => array('image/png', 'image/x-png'), 

Wenn seine noch echo pathinfo($fileName, PATHINFO_EXTENSION); fehlschlagen und die Erweiterung überprüfen und zu mimen

lesen CodeIgniter Image and File Upload in Formget.com