program - html tutorial pdf




<इनपुट प्रकार="फ़ाइल"> केवल छवि फ़ाइलों को स्वीकार करने के लिए कैसे अनुमति दें (4)

मुझे एक फाइल अपलोड करने की ज़रूरत है जो एक छवि है। मैं <input type="file"> का उपयोग कर रहा हूं।

हालांकि, यह सभी प्रकार की फाइलों को स्वीकार करता है। मुझे केवल .jpg , .gif इत्यादि जैसे एक्सटेंशन वाले फ़ाइलों की आवश्यकता है।

मैं अपलोड संवाद को केवल छवि फ़ाइलों के चयन की अनुमति कैसे दे सकता हूं?


आप <input type="file"> लिए accept विशेषता का उपयोग कर सकते हैं <input type="file"> इस दस्तावेज़ को पढ़ें w3schools.com/tags/att_input_accept.asp


इनपुट टैग की स्वीकृति विशेषता का प्रयोग करें। तो केवल पीएनजी, जेपीईजी और जीआईएफ स्वीकार करने के लिए आप निम्न कोड का उपयोग कर सकते हैं:

<input type="file" name="myImage" accept="image/x-png,image/gif,image/jpeg" />

या केवल:

<input type="file" name="myImage" accept="image/*" />

ध्यान दें कि यह केवल ब्राउजर को संकेत देता है कि उपयोगकर्ता को किस फ़ाइल-प्रकार को प्रदर्शित करना है, लेकिन इसे आसानी से अवरुद्ध किया जा सकता है, इसलिए आपको सर्वर पर अपलोड की गई फ़ाइल को हमेशा सत्यापित करना चाहिए।

इसे आईई 10+, क्रोम, फ़ायरफ़ॉक्स, सफारी 6+, ओपेरा 15+ में काम करना चाहिए, लेकिन समर्थन मोबाइल पर (2015 तक) पर बहुत स्केची है और कुछ रिपोर्टों से यह वास्तव में कुछ मोबाइल ब्राउज़र को कुछ भी अपलोड करने से रोक सकता है, इसलिए अपने लक्षित प्लेटफार्मों का परीक्षण करना सुनिश्चित करें।

विस्तृत ब्राउज़र समर्थन के लिए, http://caniuse.com/#feat=input-file-accept देखें


इसका उपयोग करना:

<input type="file" accept="image/*">

एफएफ और क्रोम दोनों में काम करता है।


इसे हासिल किया जा सकता है

<input type="file" accept="image/*" /> 

लेकिन यह एक अच्छा तरीका नहीं है। फ़ाइल को किसी छवि को जांचने के लिए आपको सर्वर पक्ष पर कोड करना होगा या नहीं।

जांचें कि छवि फ़ाइल वास्तविक छवि या नकली छवि है या नहीं

if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    }
    else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}

अधिक संदर्भ के लिए, यहां देखें

w3schools.com/tags/att_input_accept.asp
http://www.w3schools.com/php/php_file_upload.asp







html