Forschung zur Eingabeschaltflächenfunktion des Typs File_HTML/Xhtml_Webseitenproduktion

Beim Hochladen auf einige Websites wird nach dem Klicken auf die Schaltfläche „Durchsuchen“ ein Dialogfeld [Datei auswählen] angezeigt. Oft müssen wir nur Bilddateien hochladen, daher werden im Popup-Dialogfeld [Datei auswählen] nur Dateien in verwandten Bildformaten angezeigt und Dateien in anderen Formaten werden gefiltert und nicht angezeigt.
Zum Beispiel http://www.youku.com/v1.0.0326/v/swf/up.swf
Dies ist die Video-Upload-Option von Youku, die FLASH verwendet, um zu verhindern, dass Nicht-Videodateien angezeigt werden.
Die durch FLASH erzielte Wirkung ist im Allgemeinen wie hier beschrieben.
import flash.net.FileReferenceList;
var fileRef:FileReferenceList = new FileReferenceList();
var allTypes:Array = [];
var browse type:Object = new Object();
Browse type.description = "Browse type (*.mp3)";
Browse type.extension = "*.mp3";
allTypes.push(browse type);
fileRef.browse(allTypes) ;
Können wir also auch Popup-Fensterbeschränkungen für Dateitypen auf unseren Webseiten implementieren?
Die aktuelle Lösung besteht darin, Benutzer mithilfe der Überwachung daran zu erinnern, dass das Format der hochgeladenen Datei falsch ist.


(Es können nur Bilder im JPG- oder GIF-Format hochgeladen werden)

<script><br />function check(){<br />var filepath=path.value<br />filepath=filepath.substring(filepath.lastIndexOf('.') 1,filepath.length)<br />if(filepath != 'jpg' && filepath != 'gif')<br />alert("只能上传JPG或GIF格式的图片")<br />}<br /></script> <script><br />function ck(obj){if(obj.value.length>0){<br />var af="jpg,gif,png,zip,rar,txt,htm";<br />if(eval("with(obj.value)if(!/" af.split(",").join("|") "/ig.test(substring(lastIndexOf('.') 1,length)))1;")){alert("Allowed file types:\n" af);obj.createTextRange().execCommand('delete')};<br />}}<br /></script>Dieser Effekt ist jedoch offensichtlich nicht so gut wie die Benutzererfahrung von FLASH. Auf diese Art des FLASH-Uploads muss geachtet werden.