阅读背景:

上传文件点击后显示图片

来源:互联网 

HTML代码

 

<include file="./Application/Home/View/default/Public/homeheader.html" />
<html>
<body>
<!--<form action="{:U('home/statistics/uploadinformation')}" method="post" enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input type="file" name="file" id="file"/>
    <br />
    <input type="submit" name="submit" value="上传" />

</form>!-->
<form action="{:U('home/setting/upload')}" method="post" enctype="multipart/form-data">
    <div style="width: 100%;height: 100%;">
        <div><strong>代理信息上传:</strong></div>
        <div class="form-group">
            <a class="button input-file" style="text-align: center;vertical-align: middle;" href="/go.html?url=javascript:void(0);">上传合同文件<input  size="80" type="file" name="file1" id="file1" onchange="check1()" /></a><!--//显示合同!-->
            <a class="button input-file" style="text-align: center;vertical-align: middle;" href="/go.html?url=javascript:void(0);">上传证件图片<input  size="80" type="file" name="file2" id="file2" onchange="check2()" /></a><!--//显示证件!-->
            <button class="button bg-main" type="submit" name="submit" style="text-align: center;vertical-align: middle;" >确定上传</button>
        </div>
        <div><p id="f1name"></p></div>
        <div><p id="f2name"></p></div>
        <br>
        <a id="changemouse1" class="dialogs" data-toggle="click" data-target="#mydialog1" data-width="40%" onmouseover="changemouse()" onmouseout="defaultmouse()">查看合同</a><br>
        <a id="changemouse2" class="dialogs" data-toggle="click" data-target="#mydialog2" data-width="40%" onmouseover="changemouse()" onmouseout="defaultmouse()">查看证件</a>
    </div>
</form>

<div id="mydialog1"><!--点击时弹出窗口,显示合同图片!-->
    <div class="dialog">
        <div class="dialog-head">
            <span class="close rotate-hover"></span><strong>查看合同</strong>
        </div>
        <div style="text-align: center;vertical-align: middle" class="dialog-body"><img style="height:70%" width="100%" src="{$addr1}"></div>
        <div class="dialog-foot">
            <button class="button bg-green dialog-close">确认</button>
        </div>
    </div>
</div>
<div id="mydialog2"><!--点击时弹出窗口,显示合证件图片!-->
    <div class="dialog">
        <div class="dialog-head">
            <span class="close rotate-hover"></span><strong>查看证件</strong>
        </div>
        <div style="text-align: center;vertical-align: middle" class="dialog-body"><img style="height:70%" width="100%" src="{$addr2}"></div>
        <div class="dialog-foot">
            <button class="button bg-green dialog-close">确认</button>
        </div>
    </div>
</div>


<script>
    <include file="./Application/Home/



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: