Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML5 में क्लाइंट-साइड फ़ाइल आकार जांच

HTML5 से पहले, फ़ाइल आकार की जांच फ्लैश के साथ की जाती थी लेकिन अब फ्लैश वेब ऐप्स में टाला जाता है। फिर भी क्लाइंट साइड पर फ़ाइल आकार की जांच नीचे दिए गए कोड को इवेंट लिसनर के अंदर डालकर की जा सकती है।

if (typeof FileReader !== "undefined") {
  // file[0] is file 1
  var s = document.getElementById('myfile').files[0].size;
}

फ़ाइल इनपुट बदलने पर, आकार अपडेट होगा। उसके लिए इवेंट लिसनर उपयोग करें:

document.getElementById('input').onchange = function() {
  // file[0] is file 1
  var s = document.getElementById('input').files[0].size;
  alert(s);
}

FileReader API और input.files (FileList) HTML5 फाइल API का हिस्सा हैं। files[0].size बाइट्स में आकार देता है। सर्वर-साइड मान्यता हमेशा आवश्यक है क्योंकि क्लाइंट-साइड जांच बायपास की जा सकती है।

  1. HTML5 कैनवास का उपयोग करके रेखाएं कैसे बनाएं? HTML5 कैनवास का उपयोग करके रेखाएं कैसे बनाएं?

    HTML5 <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास का उपयोग करके रेखाएं बनाने के लिए lineTo() मेथड का उपयोग करें।उदाहरणHTML5 कैनवास का उपयोग करके रेखाएं बनाने का तरीका सीखने के लिए निम्न

  1. HTML5 कैनवास पर SVG फ़ाइल कैसे बनाएं? HTML5 कैनवास पर SVG फ़ाइल कैसे बनाएं?

    कैनवास पर SVG बनाने के लिए, आपको SVG इमेज का उपयोग करना होगा। सबसे पहले, <foreignObject> एलिमेंट का उपयोग करें जिसमें HTML हो। उसके बाद, SVG इमेज को कैनवास में बनाएं।उदाहरणHTML कैनवास पर SVG फ़ाइल बनाने के लिए निम्न कोड आज़माएं:<!DOCTYPE html> <html>    <head>  

  1. पायथन का उपयोग करके वेबसाइट ब्लॉकर पायथन का उपयोग करके वेबसाइट ब्लॉकर

    यदि आप एक बड़ी IT कंपनी में काम कर रहे हैं तो आप देख सकते हैं कि उनकी कुछ वेबसाइटें अवरुद्ध हैं, विशेष रूप से सोशल नेटवर्किंग साइट्स जैसे फेसबुक, यूट्यूब, इंस्टाग्राम आदि। कुछ वेबसाइटों को ब्लॉक करने के लिए थर्ड-पार्टी एप्लिकेशन का उपयोग करने के बजाय, हम अपना खुद का कस्टम एप्लिकेशन विकसित कर सकते ह