کنترل اندازه یا size فایل انتخاب شده جهت آپلود در جی کوئری

سوال

چجوری میتونم کنترل کنم که فایلی که کاربر برای آپلود انتخاب کرده اندازه اش چقدر هست ؟ میخوام مثلا شرط بذارم که فایلهای بیشتر از ۱ مگابایت آپلود نشه.

۱
<input type="file" id="files" name="files" />

 

حل شد 0
۱۴۰۱/۱/۱۱ ۲۳:۳۶:۲۷ 1 پاسخ ها کاربر تازه 0

پاسخ ( 1 )

  1. مرتضی صباغی
    0
    ۱۴۰۱/۱/۱۲ ۹:۴۲:۴۶
    پاسخ

    کنترل size فایل انتخاب شده توسط جی کوئری

    برای اینکه بتونید اندازه فایل انتخاب شده توسط کاربر رو کنترل کنید به مثال زیر دقت کنید :

    ۱
    ۲
    [crayon-۶۶۲۸b3b6254e4664068359 inline="true"  class=" language-html"]<span class="token tag"><span class="token punctuation"><</span>input <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>file<span class="token punctuation">"</span></span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>files<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>files<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
    <span class="token tag"><span class="token punctuation"><</span>input <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button<span class="token punctuation">"</span></span> <span class="token attr-name">onclick</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>UploadFile()<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>آپلود<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>btn<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>

    در کدهای بالا ۲ تگ input داریم. تگ اول برای انتخاب یک فایل از local می باشد و توسط تگ دوم که در واقع یک button می باشد برای آپلود فایل انتخاب شده روی سرور استفاده می شود.[/crayon]

    ۱
    ۲
    ۳
    ۴
    ۵
    ۶
    ۷
    ۸
    ۹
    ۱۰
    ۱۱
    ۱۲
    ۱۳
    ۱۴
    [crayon-۶۶۲۸b3b6254e6576328332 inline="true"  class=" language-javascript"]<span class="token operator"><</span>script<span class="token operator">></span>
        <span class="token keyword">var</span> UploadFile <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
          <span class="token keyword">var</span> data <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">FormData</span><span class="token punctuation">;</span>
          <span class="token comment">//نگهداری فایل انتخاب شده در متغیر</span>
          <span class="token keyword">var</span> file <span class="token operator">=</span> <span class="token function">$</span><span class="token punctuation">(</span><span class="token string">"#files"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token keyword">get</span><span class="token punctuation">(</span><span class="token number">۰</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
          <span class="token comment">//تبدیل فایل انتخاب شده به یک آرایه باینری</span>
          <span class="token keyword">var</span> files <span class="token operator">=</span> file<span class="token punctuation">.</span>files<span class="token punctuation">;</span>
     
          <span class="token comment">//کنترل سایز فایل</span>
          <span class="token keyword">if</span> <span class="token punctuation">(</span>files<span class="token punctuation">[</span><span class="token number">۰</span><span class="token punctuation">]</span><span class="token punctuation">.</span>size <span class="token operator">>=</span> <span class="token number">۱۰۴۸۵۷۶</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
              consol<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'حجم فایل انتخابی بیشتر از ۱ مگابایت است'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
              <span class="token keyword">return</span> <span class="token boolean">false</span><span class="token punctuation">;</span>
          <span class="token punctuation">}</span>
    <span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span>

    [/crayon]
    بعد از اینکه کاربر فایل را انتخاب کرد و روی دکمه آپلود کلیک کرد تابع UploadFile اجرا می شود. در این تابع در ابتدا فایل انتخاب شده رو به یک آرایه باینری تبدیل می کنیم. در ادامه به راحتی و توسط تابع size میتوانیم اندازه فایل را کنترل کنیم.

    دقت کنید که تابع size اندازه فایل را بر اساس byte کنترل می کند. بنابراین برای اینکه کنترل کنیم حجم فایل ۱ مگابایت بیشتر نیست باید ۱ * ۱۰۲۴ * ۱۰۲۴ کنیم تا به صورت بایت مقدار را به دست بیاوریم.

    بهترین پاسخ

ارسال یک پاسخ