如何使用fileupload控件显示多个图像? [英] How to display multiple image for using fileupload control?

查看:102
本文介绍了如何使用fileupload控件显示多个图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

aspx代码



Code for aspx

<div class="page-content">

                            <!-- Heading -->
          <div class="single-head">
                                <!-- Heading -->
                                <h3 class="pull-left"><i class="fa fa-picture-o red"></i> Gallery</h3>
                                <!-- Bread crumbs -->
                                <div class="breads pull-right">
                                    <strong>Nav</strong> : <a href="#">Home</a> / <a href="#">Sign</a> / Home
                                </div>
                                <div class="clearfix"></div>
            </div>

            <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="center"><asp:ImageButton ID="firstimg" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /> </td>

    <td align="center"><asp:ImageButton ID="secondimg" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /> </td>

    <td align="center"><asp:ImageButton ID="thirdimg" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /> </td>

    <td align="center"><asp:ImageButton ID="fourimg" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /></td>

  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="center">&nbsp;</td>
  </tr>
  <tr>
    <td align="center"><asp:ImageButton ID="ImageButton5" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /></td>

    <td align="center"><asp:ImageButton ID="ImageButton6" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /></td>

    <td align="center"><asp:ImageButton ID="ImageButton7" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /></td>

    <td align="center"><asp:ImageButton ID="ImageButton8" runat="server" alt="" width="180" height="200" class="img-responsive img-thumbnail " /></td>

  </tr>
          </table>

          </div>





我使用了八个文件上传控件。文件上传后显示图像后没有提交按钮选择文件。如何使用...?



I have use eight file upload control.In each file upload has choose a file after displaying image for without submit button.how to use ...?

推荐答案

您可以根据需要使用此链接。我认为你的问题将得到解决。

http://www.aspsnippets.com/Articles/HTML5-Show-Display-multiple-image-preview-before-upload-with-FileUpload-control- using-JavaScript-and-jQuery.aspx [ ^ ]



或者使用这个

http://jqueryasp.net/preview -image-upload-using-fileupload-asp-net-using-jquery / [ ^ ]
You probably use this link as you want. I think your problem will be solved.
http://www.aspsnippets.com/Articles/HTML5-Show-Display-multiple-image-preview-before-upload-with-FileUpload-control-using-JavaScript-and-jQuery.aspx[^]

Or use this
http://jqueryasp.net/preview-image-upload-using-fileupload-asp-net-using-jquery/[^]


这篇关于如何使用fileupload控件显示多个图像?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆