{"id":399,"date":"2014-02-18T23:23:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=399"},"modified":"2014-02-18T23:23:00","modified_gmt":"1970-01-01T00:00:00","slug":"upload-edilen-dosyanin-boyutunu-javascript-ile-kontrol-etmek","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2014\/02\/18\/upload-edilen-dosyanin-boyutunu-javascript-ile-kontrol-etmek\/","title":{"rendered":"Upload Edilen Dosyanin Boyutunu Javascript ile Kontrol etmek"},"content":{"rendered":"<p>\n\tWeb sitemizde dosya y&uuml;klemek g&uuml;venlik a&ccedil;isindan her zaman sorun olmustur, Bu g&uuml;venlik a&ccedil;iklarindan biriside dosyanin boyutudur. K&ouml;t&uuml; niyetli veya dikkatsiz bir kullanicinin &ccedil;ok b&uuml;y&uuml;k bir dosyayi sitemize upload etmesini engellemek i&ccedil;in server tarafinda veya client tarafinda yapilabilecek bazi kontroller vardir.<\/p>\n<p>\n\tClient tarafindaki kontrol her zaman daha hizli olacaktir, kullanicinin browserinda javascript engelli olma ihtimalini her zaman g&ouml;z &ouml;n&uuml;nde bulundurmak ve server tarafinda 2. bir kontrol yapmaniz &ouml;nerilir.<\/p>\n<p>\n\tBu yazimizda client tarafinda javascript ile upload edilecek dosyanin boyutunu nasil kontrol edecegimize basit bir &ouml;nerk verelim istedik.<\/p>\n<p>\n\tAsagidaki kod par&ccedil;acigi sayfada eklenen dosyalarin boyutlarini toplayip izin verilen ile karsilastirir.&nbsp;<\/p>\n<pre class=\"brush:js\">\n<span id=\"contextual\">\nfunction &ccedil;okluDosyaBoyutuKontrol&uuml;() \/\/ multiple filesize check\n{var MAX_FILE_SIZE\n    var node_list = document.getElementsByTagName(&#39;input&#39;);\n    var totalFilesSize = 0;\n    for (var i = 0; i &lt; node_list.length; i++) {\n        var node = node_list[i];\n \n        if (node.getAttribute(&#39;type&#39;) == &#39;file&#39;) {\n            if (node.files.length &gt; 0) {\n                for (var j = 0; j &lt; node.files.length; j++) {\n                    file = node.files[j];\n                    if (file != &#39;undefined&#39;)\n                        totalFilesSize += file.size;\n                }\n                    \n            }\n                \n        }\n    }\n    if (totalFilesSize &gt; MAX_FILE_SIZE) {\n        alert(&#39;Eklenen dosyalarin toplam boyutu izin verilenden fazla!&#39;);\n        return;\n    }\n}\n\n<\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Web sitemizde dosya y&#252;klemek g&#252;venlik a&#231;isindan her zaman sorun olmustur, Bu g&#252;venlik a&#231;iklarindan biriside dosyanin boyutudur. K&#246;t&#252; niyetli veya dikkatsiz bir kullanicinin &#231;ok b&#252;y&#252;k bir dosyayi sitemize upload etmesini engellemek i&#231;in server tarafinda veya client tarafinda yapilabilecek bazi kontroller vardir.<\/p>\n","protected":false},"author":536,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[408],"tags":[],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/399"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/536"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=399"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/399\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}