.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"></path></svg>
                                </div>
                            </div>
                        </a>
                        <!-- Sharingbutton Twitter -->
                        <a class="resp-sharing-button__link" href="https://twitter.com/intent/tweet/?text=Super%20fast%20and%20easy%20Social%20Media%20Sharing%20Buttons.%20No%20JavaScript.%20No%20tracking.&amp;url=http%3A%2F%2Fsharingbuttons.io" target="_blank" rel="noopener" aria-label="">
                            <div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z"></path></svg>
                                </div>
                            </div>
                        </a>
                        <!-- Sharingbutton Google+ -->
                        <a class="resp-sharing-button__link" href="https://plus.google.com/share?url=http%3A%2F%2Fsharingbuttons.io" target="_blank" rel="noopener" aria-label="">
                            <div class="resp-sharing-button resp-sharing-button--google resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3"></path></svg>
                                </div>
                            </div>
                        </a>
                        <!-- Sharingbutton Tumblr -->
                        <a class="resp-sharing-button__link" href="https://www.tumblr.com/widgets/share/tool?posttype=link&amp;title=Super%20fast%20and%20easy%20Social%20Media%20Sharing%20Buttons.%20No%20JavaScript.%20No%20tracking.&amp;caption=Super%20fast%20and%20easy%20Social%20Media%20Sharing%20Buttons.%20No%20JavaScript.%20No%20tracking.&amp;content=http%3A%2F%2Fsharingbuttons.io&amp;canonicalUrl=http%3A%2F%2Fsharingbuttons.io&amp;shareSource=tumblr_share_button" target="_blank" rel="noopener" aria-label="">
                            <div class="resp-sharing-button resp-sharing-button--tumblr resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5.5v5h5v4h-5V15c0 5 3.5 4.4 6 2.8v4.4c-6.7 3.2-12 0-12-4.2V9.5h-3V6.7c1-.3 2.2-.7 3-1.3.5-.5 1-1.2 1.4-2 .3-.7.6-1.7.7-3h3.8z"></path></svg>
                                </div>
                            </div>
                        </a>
                        <!-- Sharingbutton LinkedIn -->
                        <a class="resp-sharing-button__link" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fsharingbuttons.io&amp;title=Super%20fast%20and%20easy%20Social%20Media%20Sharing%20Buttons.%20No%20JavaScript.%20No%20tracking.&amp;summary=Super%20fast%20and%20easy%20Social%20Media%20Sharing%20Buttons.%20No%20JavaScript.%20No%20tracking.&amp;source=http%3A%2F%2Fsharingbuttons.io" target="_blank" rel="noopener" aria-label="">
                            <div class="resp-sharing-button resp-sharing-button--linkedin resp-sharing-button--small"><div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 21.5h-5v-13h5v13zM4 6.5C2.5 6.5 1.5 5.3 1.5 4s1-2.4 2.5-2.4c1.6 0 2.5 1 2.6 2.5 0 1.4-1 2.5-2.6 2.5zm11.5 6c-1 0-2 1-2 2v7h-5v-13h5V10s1.6-1.5 4-1.5c3 0 5 2.2 5 6.3v6.7h-5v-7c0-1-1-2-2-2z"></path></svg>
                                </div>
                            </div>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container middle">
            <div class="bottom_nav_list col-md-10">
                <div class="part">
                    <div class="title">
                        私たちに関しては
                    </div>
                    <div class="list">
                        <ul class=" list-paddingleft-2">
                            <li>
                                <div class="item">
                                    <a href="/page/company-profile.html" target="_self">会社概要</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/page/history.html" target="_self">開発履歴</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/company-news/" target="_blank">会社のニュース</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/page/contactus.html" target="_self">お問い合わせ</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="part">
                    <div class="title">
                        R&amp;D
                    </div>
                    <div class="list">
                        <ul class=" list-paddingleft-2">
                            <li>
                                <div class="item">
                                    <a href="/page/special-lithium-battery-research-institute.html" target="_self">リチウム電池専門研究所</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/page/research-and-development-team.html" target="_self">テクノロジーセンター</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/page/manufacturing-center.html" target="_self">マニュファクチャリングセンター</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/page/test-center.html" target="_self">実験センター</a>
                                </div>
                            </li>
                            <li>
                                <p>
                                    <a href="/page/core-technology.html" target="_self" title="Core  Technology">コアテクノロジー</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="part">
                    <div class="title">
                        特殊セル
                    </div>
                    <div class="list">
                        <ul class=" list-paddingleft-2">
                            <li>
                                <div class="item">
                                    <a href="/low-temperature-18650/" target="_self">低温 18650</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/low-temperature-26650/" target="_self">低温 26650</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/low-temperature-square/" target="_self">低温角型アルミケース</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/low-temperature-polymer/" target="_self">低温ポリマー</a><br/>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/wide-temperature-cell/" target="_self">ワイド温度セル</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/explosion-proof-cell/" target="_self">防爆セル</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="part">
                    <div class="title">
                        特殊バッテリー
                    </div>
                    <div class="list">
                        <ul class=" list-paddingleft-2">
                            <li>
                                <div class="item">
                                    <a href="/low-temperature-li-ion-battery/" target="_self">低温バッテリー</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/explosion-proof-batteries/" target="_self">防爆バッテリー</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/high-safety-battery/" target="_self">高い安全性</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/start-battery/" target="_self">バッテリーを起動</a>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="/energy-storage-batteries/" target="_self">エネルギー貯蔵バッテリー</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom_email col-md-2 col-xs-12 main_padding section_m_n hidden-xs">
                <div class="sendMassage">
                    <div class="title size3 color_black">メッセージを送ります</div>
                    <div class="form">
                        <form id="foot-form" class="" action="/form/message-simple.html" method="post">
<input type="hidden" name="_csrf" value="w1ywvME9bVhki6MWrHfA4vmGLzJvPY5TfU658HbHPlnqCxwzIJJamZ70O1UQDXOUjQdgmPlFlAnWCpGtlXBWIw==">                        <div class="none">
                            <div class="form-group field-sendmail-from required">
<div><label class="none" for="sendmail-from">from</label></div><input type="text" id="sendmail-from" class="form-control c-md-4" name="SendMail[from]" value="https://jp.large.net/news/73u43mm.html" aria-required="true"><span class="help-block"></span>
</div>                        </div>
                        <div class="col-xs-12 col-sm-12 ">
                            <div class="form-group field-foot-email-name required">
<div><label class="none" for="foot-email-name">Eメール</label></div><input type="text" id="foot-email-name" class="form-control c-md-4" name="SendMail[email]" placeholder="メールアドレスを入力してください" aria-required="true"><span class="help-block"></span>
</div>                        </div>
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group field-foot-email-message required">
<div><label class="none" for="foot-email-message">マッサージ</label></div><textarea id="foot-email-message" class="form-control c-md-4" name="SendMail[message]" rows="5" placeholder="メッセージは 20 ～ 3000 文字にする必要があります!" aria-required="true"></textarea><span class="help-block"></span>
</div>                        </div>
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group  id="more_bg"">
                            <button type="submit" id="more_bg" class="btn lianxi" name="contact-button">Submit</button>                        </div>
                    </div>
                    </form>                </div>
            </div>

        </div>

    </div>
    <div class="bottom">
        <div class="container">
                        <section>
                <div class="hidden_more section20 visible-xs bottom_lang">
                    <div class="see_more container"><div class="text">日本語 <b class="down"><svg t="1587115753671" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2361" width="18" height="18"><path d="M192 368L237.728 320 512 608l274.24-288L832 368 512 704z" p-id="2362" fill="#DCDDDD"></path></svg></b><b class="up"><svg t="1587118632314" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3646" width="18" height="18"><path d="M192 656L237.728 704 512 416l274.24 288L832 656 512 320z" p-id="3647" fill="#DCDDDD"></path></svg></b></b></div></div>
                    <div class="content">
                        <div class="category_list container common_category_list">
                            <div class="anchor col-md-12">
                                <ul>
                                    <li class="col-xs-4"><a href="https://wwww.large.net">English</a></li>
                                    <li class="col-xs-4"><a href="https://es.large.net">Español</a></li>
                                    <li class="col-xs-4"><a href="https://ru.large.net">русский</a></li>
                                    <li class="col-xs-4"><a href="https://de.large.net">Deutsche</a></li>
                                    <li class="col-xs-4"><a href="http://www.juda.cn">简体中文</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="section40 section_m_30">
                <p class="size5">
                    © 2018 Dongguan Large Electronics Co., Ltd. | 中国広東省東莞市東城区景義路 8 号
                </p>
                <p class="size5"> <span>電話. +86-769-23182621</span> <span class="hidden-xs">| ファックス. +86-769-22802559 | </span><a class="hidden-xs" href="/">jp.large.net</a> | <a href="https://beian.miit.gov.cn/" style="color: #555" target="_blank" rel="nofollow">粤ICP备07049936号</a></p>
                <div class="beizhu section40">
                    <p class="size-small">このページには機械による翻訳が含まれています。内容は参照用であり、元のテキストが優先されます。</p>
                </div>
            </section>
        </div>
    </div>
</footer>
    </div>
    <!-- END FOOTER -->
        <script src="/assets/571a4706/jquery.js"></script>
<script src="/assets/85bc4938/yii.js"></script>
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/swiper.js"></script>
<script src="/assets/js/jquery.royalslider.min.js"></script>
<script src="/assets/js/common.js"></script>
<script src="/assets/js/jquery.jqzoom.js"></script>
<script src="/assets/js/base.js"></script>
<script src="/assets/85bc4938/yii.validation.js"></script>
<script src="/assets/85bc4938/yii.activeForm.js"></script>
<!--[if lt IE9]>
<script src="/assets/a20ffb95/global/plugins/respond.min.js"></script>
<![endif]-->
<!--[if lt IE9]>
<script src="/assets/a20ffb95/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script type="text/javascript">jQuery(document).ready(function () {
jQuery('#send-emial').yiiActiveForm([{"id":"sendmail-from","name":"from","container":".field-sendmail-from","input":"#sendmail-from","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"from必须是一条字符串。","max":255,"tooLong":"from只能包含至多255个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"from不能为空。"});}},{"id":"sendmail-name","name":"name","container":".field-sendmail-name","input":"#sendmail-name","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"名前必须是一条字符串。","max":50,"tooLong":"名前只能包含至多50个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"名前が必要です."});}},{"id":"sendmail-email","name":"email","container":".field-sendmail-email","input":"#sendmail-email","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"Eメール必须是一条字符串。","max":50,"tooLong":"Eメール只能包含至多50个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"メールが必要です."});yii.validation.email(value, messages, {"pattern":/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/,"fullPattern":/^[^@]*<[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?>$/,"allowName":false,"message":"このメールは無効です.","enableIDN":false,"skipOnEmpty":1});}},{"id":"sendmail-company","name":"company","container":".field-sendmail-company","input":"#sendmail-company","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"会社必须是一条字符串。","max":50,"tooLong":"会社只能包含至多50个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"会社名は必須です."});}},{"id":"sendmail-country","name":"country","container":".field-sendmail-country","input":"#sendmail-country","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"国必须是一条字符串。","max":50,"tooLong":"国只能包含至多50个字符。","skipOnEmpty":1});}},{"id":"sendmail-message","name":"message","container":".field-sendmail-message","input":"#sendmail-message","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"マッサージ必须是一条字符串。","max":255,"tooLong":"マッサージ只能包含至多255个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"マッサージが必要です."});}}], []);
jQuery('#foot-form').yiiActiveForm([{"id":"sendmail-from","name":"from","container":".field-sendmail-from","input":"#sendmail-from","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"from必须是一条字符串。","max":255,"tooLong":"from只能包含至多255个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"from不能为空。"});}},{"id":"sendmail-email","name":"email","container":".field-foot-email-name","input":"#foot-email-name","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"Eメール必须是一条字符串。","max":50,"tooLong":"Eメール只能包含至多50个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"メールが必要です."});yii.validation.email(value, messages, {"pattern":/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/,"fullPattern":/^[^@]*<[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?>$/,"allowName":false,"message":"このメールは無効です.","enableIDN":false,"skipOnEmpty":1});}},{"id":"sendmail-message","name":"message","container":".field-foot-email-message","input":"#foot-email-message","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"マッサージ必须是一条字符串。","max":255,"tooLong":"マッサージ只能包含至多255个字符。","skipOnEmpty":1});yii.validation.required(value, messages, {"message":"マッサージが必要です."});}}], []);
$("#search_form").submit(function(e){
  if ($("#keywordInput").val().length==0){
        alert("Keyword is required");
        return false;
  } 
});
});</script>    <div id="fix-r">
        <!--<span id="tel_span2"><i class="fa fa-skype" aria-hidden="true"></i>
      </span>-->
        <a class="left_message" href="/form/message.html"><span><i class="fa fa-envelope-o" aria-hidden="true"></i></span></a>
        <a id="scrolltop" class="hidden-xs" href="#top" style="width: 45px; height: 45px; border-radius: 8px; color: white; line-height: 45px; text-align: center; background: gray;"><span><i class="fa fa-angle-up" aria-hidden="true"></i></span></a>
    </div>
      <script>
        var mySwiper = new Swiper ('.swiper-container', {
            direction: 'horizontal', // 垂直切换选项
            loop: true, // 循环模式选项
            speed:300,
            autoplay : {
                delay:3000
            },


            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        })
    </script>
    <script>
        $(".right_send .p1").click(function (e) {
            $(".right_send .p2").removeClass('none');
            $(".right_send .p1").addClass('none');
        })
        $("#cancel").click(function(){
            $(".right_send .p1").removeClass('none');
            $(".right_send .p2").addClass('none');
        })
        $(".right_send .p2 .close").click(function(){
            $(".right_send .p1").removeClass('none');
            $(".right_send .p2").addClass('none');
        })
        $(".right_send .p3 .close").click(function(){
            $(".right_send .p1").removeClass('none');
            $(".right_send .p2").addClass('none');
            $(".right_send .p3").addClass('none');
        })
        $(".right_send .p3 .done").click(function(){
            $(".right_send .p1").removeClass('none');
            $(".right_send .p2").addClass('none');
            $(".right_send .p3").addClass('none');
        })
        $("#send").click(function(){
             Name= $('#sendName').val();
             Email=$('#sendEmail').val();
             company=$('#sendCompany').val();
             content=$('#sendContent').val();
            if(Email==""){
                $("#emaildesc").removeClass("none");
            }else {
                var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
                if(!myreg.test(Email)){
                    $("#emaildesc").addClass("none");
                    $("#emailError").removeClass("none");
                    return ;
                }
            }
            if(company==""){
                $("#emailError").addClass("none");
                $("#companydesc").removeClass("none");
            }
            if(content==""){
                $("#emailError").addClass("none");
                $("#contentdesc").removeClass("none");
            }

            if (Email=="" || content==""){
                return;
            }

        $.ajax({
            url:'/form/post-email.html',
            type:"POST",
            data:{
                "name":Name,
                "email":Email,
                "company":company,
                "message":content,
                "url":window.location.href
            },
            success:function (data) {
                $(".right_send .p1").addClass('none');
                $(".right_send .p2").addClass('none');
                $(".right_send .p3").removeClass('none');
            }
        })
        })


        $("#attach").change(function(r){
            var file = $("#attach").val();
             console.log(file);
        })
    </script>

    </body>
    </html>