画像アップロードの処理

37858 ワード

Java 先端

ここ数日、プロジェクトをするには画像のアップロードの内容が必要で、以前はこの問題をよく処理したことがなくて、今やっとが本当に使いやすいコントロールではないことを発見しました.複数の画像を用いて画像を処理した結果、現在ではどのように画像をアップロードするかをまとめ、今後の使用を便利にしている.

画像プレビュー機能

画像をサーバ

にアップロード

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 コード変換

機械学習の実装の勉強の記録②（環境準備）

tomcat WIN 7キラキラ