画像アップロードの処理

37858 ワード

ここ数日、プロジェクトをするには画像のアップロードの内容が必要で、以前はこの問題をよく処理したことがなくて、今やっとが本当に使いやすいコントロールではないことを発見しました.複数の画像を用いて画像を処理した結果、現在ではどのように画像をアップロードするかをまとめ、今後の使用を便利にしている.
  • 画像プレビュー機能
  • 画像をサーバ
  • にアップロード
  • inputボタン美化
  • 画像プレビュー機能
    実際にはまで使用する場合、アップロード画像ボタンをクリックした後、ローカルで画像をプレビューできるという特殊なニーズがあります.
    <img id="show" src="">
    <input type="file" id="photo" onchange="change(this.id,'show')">
    
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">change</span><span class="hljs-params">(sourceId, targetId)</span> {</span>  
            <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> FileReader === <span class="hljs-string">'undefined'</span>) {  
                alert(<span class="hljs-string">'Your browser does not support FileReader...'</span>);  
                <span class="hljs-keyword">return</span>;  
            }  
            <span class="hljs-keyword">var</span> reader = <span class="hljs-keyword">new</span> FileReader();  
          <span class="hljs-comment">//onload        </span>
            reader.onload = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> {</span>  
                <span class="hljs-keyword">var</span> img = document.getElementById(targetId);  
                img.src = <span class="hljs-keyword">this</span>.result;  
            }  
            reader.readAsDataURL(document.getElementById(sourceId).files[<span class="hljs-number">0</span>]);  
        }
    <<span class="hljs-regexp">/script></span></code></pre> 
      <p><strong>  FileReader         </strong>,           </p> 
      <blockquote> 
       <p>       ,       url       ,              ,                      。</p> 
      </blockquote> 
      <pre class="prettyprint"><code class="language-html hljs "><span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"show"</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">""</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">onchange</span>=<span class="hljs-value">"preImg(this.id, 'show')"</span>></span></code></pre> 
      <pre class="prettyprint"><code class="language-javascript hljs "><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">getFileUrl</span><span class="hljs-params">(sourceId)</span> {</span>
        <span class="hljs-keyword">var</span> url;
        <span class="hljs-keyword">if</span> (navigator.userAgent.indexOf(<span class="hljs-string">"MSIE"</span>) >= <span class="hljs-number">1</span> && !(navigator.userAgent.indexOf(<span class="hljs-string">"MSIE 10.0"</span>) > <span class="hljs-number">0</span>) ) { <span class="hljs-comment">// IE10     </span>
            <span class="hljs-comment">//url = document.getElementById(sourceId).value;</span>
            document.all.imgOne.select();
            $(<span class="hljs-string">"#preview"</span>).focus();
            url = document.selection.createRange().text;
    
        } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (navigator.userAgent.indexOf(<span class="hljs-string">"Firefox"</span>) > <span class="hljs-number">0</span>) { <span class="hljs-comment">// Firefox </span>
            url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(<span class="hljs-number">0</span>));
        } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (navigator.userAgent.indexOf(<span class="hljs-string">"Chrome"</span>) > <span class="hljs-number">0</span>) { <span class="hljs-comment">// Chrome </span>
            url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(<span class="hljs-number">0</span>));
        }<span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span>(navigator.userAgent.indexOf(<span class="hljs-string">"MSIE 10.0"</span>) > <span class="hljs-number">0</span>){
            url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(<span class="hljs-number">0</span>));
        }<span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span>(navigator.userAgent.indexOf(<span class="hljs-string">"MicroMessenger"</span>) > -<span class="hljs-number">1</span>){<span class="hljs-comment">//     </span>
            url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(<span class="hljs-number">0</span>));
        }<span class="hljs-keyword">else</span>{
            url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(<span class="hljs-number">0</span>));
        }
        <span class="hljs-keyword">return</span> url;
    }
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">preImg</span><span class="hljs-params">(sourceId, targetId)</span> {</span>
        <span class="hljs-keyword">var</span> url = getFileUrl(sourceId);
        <span class="hljs-keyword">var</span> imgPre = document.getElementById(targetId);
         <span class="hljs-keyword">if</span>(window.navigator.userAgent.indexOf(<span class="hljs-string">"MSIE"</span>) >= <span class="hljs-number">1</span> && !(navigator.userAgent.indexOf(<span class="hljs-string">"MSIE 10.0"</span>) > <span class="hljs-number">0</span>) ) {
             <span class="hljs-keyword">var</span> picpreview=document.getElementById(<span class="hljs-string">"preview"</span>);
             picpreview.filters.item(<span class="hljs-string">"DXImageTransform.Microsoft.AlphaImageLoader"</span>).src = url;
         }<span class="hljs-keyword">else</span>{
             imgPre.src = url;
         }
    
    }</code></pre> 
      <blockquote> 
       <p>               ,                     ,                  。</p> 
      </blockquote> 
      <pre class="prettyprint"><code class="language-html hljs "><span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"show"</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">""</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">onchange</span>=<span class="hljs-value">"change()"</span>></span></code></pre> 
      <p> javascript          ,      localResizeIMG  </p> 
      <pre class="prettyprint"><code class="language-javascript hljs "><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">change</span><span class="hljs-params">()</span>{</span>
    <span class="hljs-keyword">var</span> files = $(<span class="hljs-string">"#photo"</span>)[<span class="hljs-number">0</span>].files[<span class="hljs-number">0</span>];
        lrz(files)
            .then(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(rst)</span> {</span>
                console.log(rst);
                $(<span class="hljs-string">"#show"</span>).attr(<span class="hljs-string">"src"</span>,rst.base64);
            })
            .catch(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(err)</span> {</span>
            })
            .always(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
            });
    }</code></pre> 
      <h3 id="        -1">        </h3> 
      <blockquote> 
       <p>spring mvc + form     </p> 
      </blockquote> 
      <p>      :</p> 
      <pre class="prettyprint"><code class="language-html hljs "><span class="hljs-tag"><<span class="hljs-title">form</span> <span class="hljs-attribute">action</span>=<span class="hljs-value">"url/success"</span> <span class="hljs-attribute">method</span>=<span class="hljs-value">"post"</span> <span class="hljs-attribute">enctype</span>=<span class="hljs-value">"multipart/form-data"</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"submit"</span>
    </<span class="hljs-attribute">div</span>></span></code></pre> 
      <p>      </p> 
      <pre class="prettyprint"><code class="language-java hljs "><span class="hljs-annotation">@RequestMapping</span>(<span class="hljs-string">"/success"</span>)
    <span class="hljs-keyword">public</span> String <span class="hljs-title">success</span>(HttpServletRequest request,@<span class="hljs-title">RequestParam</span>(value=<span class="hljs-string">"photo"</span>,required=<span class="hljs-keyword">false</span>) MultipartFile file){
        String name =<span class="hljs-string">"img"</span>;
        <span class="hljs-comment">//     </span>
        String pathRoot = request.getSession().getServletContext().getRealPath(<span class="hljs-string">""</span>); 
        String path=<span class="hljs-string">""</span>; 
        <span class="hljs-keyword">if</span>(!file.isEmpty()){
            String contentType=file.getContentType();
            String imageName=contentType.substring(contentType.indexOf(<span class="hljs-string">"/"</span>)+<span class="hljs-number">1</span>);
            <span class="hljs-comment">//      </span>
            path=<span class="hljs-string">"/img/schedule/"</span>+name+<span class="hljs-string">"."</span>+imageName;  
            <span class="hljs-keyword">try</span> {
            <span class="hljs-comment">//             </span>
                file.transferTo(<span class="hljs-keyword">new</span> File(pathRoot+path));
            } <span class="hljs-keyword">catch</span> (IllegalStateException e) {
                <span class="hljs-comment">// TODO Auto-generated catch block</span>
                e.printStackTrace();
            } <span class="hljs-keyword">catch</span> (IOException e) {
                <span class="hljs-comment">// TODO Auto-generated catch block</span>
                e.printStackTrace();
            }
        }
        <span class="hljs-keyword">return</span> <span class="hljs-string">"jsp/success"</span>;
    }</code></pre> 
      <p>     spring-mvc              </p> 
      <pre class="prettyprint"><code class="language-xml hljs "><span class="hljs-tag"><<span class="hljs-title">bean</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"multipartResolver"</span>    <span class="hljs-attribute">class</span>=<span class="hljs-value">"org.springframework.web.multipart.commons.CommonsMultipartResolver"</span>></span>  
            <span class="hljs-tag"><<span class="hljs-title">property</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"defaultEncoding"</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">"utf-8"</span>/></span>  
            <span class="hljs-comment"><!--        --></span>  
            <span class="hljs-tag"><<span class="hljs-title">property</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"maxInMemorySize"</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">"10240"</span>/></span>  
            <span class="hljs-comment"><!--       ,-1       --></span>  
            <span class="hljs-tag"><<span class="hljs-title">property</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"maxUploadSize"</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">"-1"</span>/></span>  
    <span class="hljs-tag"></<span class="hljs-title">bean</span>></span> </code></pre> 
      <p><em>          </em></p> 
      <h3 id="input    ">input    </h3> 
      <blockquote> 
       <p>html   input                    ,        input         。</p> 
      </blockquote> 
      <p>  <code><span></code>   <code><input></code>              ,      :</p> 
      <pre class="prettyprint"><code class="language-html hljs "><span class="hljs-doctype"><!DOCTYPE html></span>
    <span class="hljs-tag"><<span class="hljs-title">html</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">head</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">meta</span> <span class="hljs-attribute">charset</span>=<span class="hljs-value">"utf-8"</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">title</span>></span>  input  <span class="hljs-tag"></<span class="hljs-title">title</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">style</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/css"</span>></span><span class="css">
    <span class="hljs-id">#div1</span><span class="hljs-rules">{
        <span class="hljs-rule"><span class="hljs-attribute">position</span>:<span class="hljs-value">relative</span></span>;
    <span class="hljs-rule">}</span></span>
    <span class="hljs-id">#div2</span><span class="hljs-rules">{
        <span class="hljs-rule"><span class="hljs-attribute">position</span>:<span class="hljs-value">absolute</span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">left</span>:<span class="hljs-value"><span class="hljs-number">30</span>px</span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">top</span>:<span class="hljs-value"><span class="hljs-number">30</span>px</span></span>;
    <span class="hljs-rule">}</span></span>
    <span class="hljs-id">#div3</span><span class="hljs-rules">{
        <span class="hljs-rule"><span class="hljs-attribute">position</span>:<span class="hljs-value">absolute</span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">left</span>:<span class="hljs-value"><span class="hljs-number">30</span>px</span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">top</span>:<span class="hljs-value"><span class="hljs-number">30</span>px</span></span>;
    <span class="hljs-rule">}</span></span>
    <span class="hljs-tag">span</span><span class="hljs-rules">{
        <span class="hljs-rule"><span class="hljs-attribute">padding</span>:<span class="hljs-value"> <span class="hljs-number">5</span>px</span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">background</span>:<span class="hljs-value"> <span class="hljs-hexcolor">#6495ED</span></span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">border</span>:<span class="hljs-value"> <span class="hljs-number">2</span>px solid <span class="hljs-hexcolor">#436EEE</span></span></span>;
    <span class="hljs-rule">}</span></span>
    <span class="hljs-tag">input</span><span class="hljs-rules">{
        <span class="hljs-rule"><span class="hljs-attribute">width</span>:<span class="hljs-value"> <span class="hljs-number">78</span>px</span></span>;
        <span class="hljs-rule"><span class="hljs-attribute">opacity</span>:<span class="hljs-value"> <span class="hljs-number">0</span></span></span>;
    <span class="hljs-rule">}</span></span>
    </span><span class="hljs-tag"></<span class="hljs-title">style</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">head</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">body</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"border: 1px solid #000;width: 100px;height: 100px"</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"show"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"100"</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">""</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"div1"</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"div2"</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">span</span>></span>    <span class="hljs-tag"></<span class="hljs-title">span</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"div3"</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">onchange</span>=<span class="hljs-value">"change(this.id,'show')"</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/javascript"</span>></span><span class="javascript"> 
        <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">change</span><span class="hljs-params">(sourceId, targetId)</span> {</span>  
            <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> FileReader === <span class="hljs-string">'undefined'</span>) {  
                alert(<span class="hljs-string">'Your browser does not support FileReader...'</span>);  
                <span class="hljs-keyword">return</span>;  
            }  
            <span class="hljs-keyword">var</span> reader = <span class="hljs-keyword">new</span> FileReader();
            reader.onload = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> {</span>  
                <span class="hljs-keyword">var</span> img = document.getElementById(targetId);  
                img.src = <span class="hljs-keyword">this</span>.result;  
            }   
            reader.readAsDataURL(document.getElementById(sourceId).files[<span class="hljs-number">0</span>]);  
        }
    </span><span class="hljs-tag"></<span class="hljs-title">script</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">body</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">html</span>></span></code></pre> 
      <p>  jquery   trigger()     change  ,   input display  none,    a        input change  ,    :</p> 
      <pre class="prettyprint"><code class="language-html hljs "><span class="hljs-doctype"><!DOCTYPE html></span>
    <span class="hljs-tag"><<span class="hljs-title">html</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">head</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">meta</span> <span class="hljs-attribute">charset</span>=<span class="hljs-value">"utf-8"</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">title</span>></span><span class="hljs-tag"></<span class="hljs-title">title</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"tools/jquery-2.2.3.js"</span>></span><span class="javascript"></span><span class="hljs-tag"></<span class="hljs-title">script</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">style</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/css"</span>></span><span class="css">
            <span class="hljs-id">#to</span><span class="hljs-rules">{
                <span class="hljs-rule"><span class="hljs-attribute">padding</span>:<span class="hljs-value"> <span class="hljs-number">5</span>px</span></span>;
                <span class="hljs-rule"><span class="hljs-attribute">text-decoration-line</span>:<span class="hljs-value"> none</span></span>;
                <span class="hljs-rule"><span class="hljs-attribute">background</span>:<span class="hljs-value"> <span class="hljs-hexcolor">#6495ED</span></span></span>;
                <span class="hljs-rule"><span class="hljs-attribute">color</span>:<span class="hljs-value"> <span class="hljs-hexcolor">#000</span></span></span>;
            <span class="hljs-rule">}</span></span>
            <span class="hljs-id">#photo</span><span class="hljs-rules">{
                <span class="hljs-rule"><span class="hljs-attribute">display</span>:<span class="hljs-value"> none</span></span>;
            <span class="hljs-rule">}</span></span>
        </span><span class="hljs-tag"></<span class="hljs-title">style</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">head</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">body</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"border: 1px solid #000;width: 100px;height: 100px"</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"show"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"100"</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">""</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"margin-top: 10px;"</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">a</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"to"</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">"javascript:;"</span>></span>
              
        <span class="hljs-tag"></<span class="hljs-title">a</span>></span>
        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"photo"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"photo"</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>
    <span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/javascript"</span>></span><span class="javascript">
        $(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
            <span class="hljs-comment">// body...</span>
            $(<span class="hljs-string">"#to"</span>).click(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span>{</span>
                 $(<span class="hljs-string">"input[type='file']"</span>).trigger(<span class="hljs-string">'click'</span>);
            });
            $(<span class="hljs-string">"input[type='file']"</span>).change(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span>{</span>
                <span class="hljs-keyword">if</span> (<span class="hljs-keyword">typeof</span> FileReader === <span class="hljs-string">'undefined'</span>) {  
                        alert(<span class="hljs-string">'Your browser does not support FileReader...'</span>);  
                        <span class="hljs-keyword">return</span>;  
                    }  
                    <span class="hljs-keyword">var</span> reader = <span class="hljs-keyword">new</span> FileReader();  
                    reader.onload = <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> {</span>  
                        $(<span class="hljs-string">"#show"</span>).attr(<span class="hljs-string">"src"</span>,<span class="hljs-keyword">this</span>.result);    
                    } 
                    reader.readAsDataURL($(<span class="hljs-string">"#photo"</span>)[<span class="hljs-number">0</span>].files[<span class="hljs-number">0</span>]);
             });
        });
    </span><span class="hljs-tag"></<span class="hljs-title">script</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">body</span>></span>
    <span class="hljs-tag"></<span class="hljs-title">html</span>></span></code></pre> 
     </div> 
    </div>
                                </div>
                            </div>
                        </div>
                        <!--PC WAP    -->
                        <div id="SOHUCS" sid="1176846841766031360"></div>
                        <script type="text/javascript" src="/views/front/js/chanyan.js">
                        
                         
                    
    興味があるかもしれません
  • githubにおける複数のプラットフォームの共存
    jackyrong
    github
  • ipアドレスと整数の相互変換(javascript)
    alxw4616
    JavaScript
  • 読書ノート-jquey+データベース+css
    chengxuyuancsdn
    html jquery oracle
  • JAvaSE javaEE javaME==APIダウンロード
    Array_06
    java
  • shiro入門学習
    cugfy
    java Web フレーム
  • Array削除方法の追加
    357029540
    js
  • navigation bar色の変更
    張亜雄
    IO
  • unicodeを中国語に変換
    adminjun
    unicode コード変換
  • アルファベットで分類:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z その他
    トップページ -
    私たちについて -
    構内検索 -
    Sitemap -
    権利侵害苦情
    著作権すべてのIT知識ベースCopyRight© 2000-2050 IT知識ベースIT 610.com,All Rights Reserved.
    京ICP備09083238号