JavaScript multiple image upload case_javascript skills-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

JavaScript multiple image upload case_javascript skills

May 16, 2016 pm 03:37 PM

javascript upload picture

JS multi-image upload small example:

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
  &lt;title&gt;上传多图片&lt;/title&gt;
  &lt;script type="text/javascript"&gt;
    function JM_wu(ob) {
      ob.style.display = "none";
    }
    function JM_you(ob) {
      ob.style.display = "";
    }
    function createForm(textN, number) {
      data = "";
      inter = "'";
      if (number &lt; 11 && number &gt; -1) {
        for (i = 1; i &lt;= number; i++) {
          if (i &lt; 10) spaces = " ";
          else spaces = " ";
          data = data + " &lt;input name=" + textN + i + " type=text value='' size='30' maxlength='100'&gt;"
          + "&lt;INPUT TYPE='button' value='上传" + i + "' onclick=javascript:uppic('more" + i + "','more" + i + "')&gt;";
        }
        if (document.layers) {
          document.layers.cust.document.write(data);
          document.layers.cust.document.close();
        }
        else {
          if (document.all) {
            cust.innerHTML = data;
          }
        }
      }
      else {
        window.alert("请不要超过10张图片.");
      }
    }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;form name="prodtable" action=""&gt;
  &lt;input type="radio" name="more_pic" checked value="0" onclick="JM_wu(s1)"&gt;无
  &lt;input type="radio" name="more_pic" value="1" onclick="JM_you(s1)"&gt;有 &lt;span id="s1" style="display:none"&gt;
    &lt;input name="more" type="text" value='1' size='5' maxlength='2'&gt;
    &lt;input type="button" value="张大图" onclick="createForm('more',document.prodtable.more.value);"&gt;
    &lt;span id="cust" style="position: relative;"&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Copy after login

This is just a small example of guidance. Students can replace the button with a browse picture button.

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn