← 返回文章列表 javascript实现上传控件预览及文件保存路径
1

javascript实现上传控件预览及文…

javascript实现上传控件预览及文件保存路径
前端代码
上传附件:  <asp:FileUpload ID="FileUploadControl" runat="server" />
           <asp:RequiredFieldValidator ID="fjyz" runat="server"  ControlToValidate="FileUploadControl"  ErrorMessage="附件不能为空"  ForeColor="red">*</asp:RequiredFieldValidator>
           <label id="fsc" runat="server"></label>
<br />
      附件预览:<br />  <img id="imagePreview" src="#" alt="Image preview" style="display: none;" />
           <script>document.getElementById('FileUploadControl').addEventListener('change', function (event) {
                   var file = event.target.files[0];
                   var reader = new FileReader();
                   reader.onload = function (e) {
                       document.getElementById('imagePreview').src = e.target.result;
                       document.getElementById('imagePreview').style.display = 'inline';
                   };
                   reader.readAsDataURL(file);
               });</script>




后端代码
protected void UploadButton_Click(object sender, EventArgs e)
    {
        

        zt = this.ydlx.Text;
       
       

        if (FileUploadControl.HasFile)
        {
            try
            {
                string filename = pic + "-" + Path.GetFileName(FileUploadControl.FileName);
                FileUploadControl.SaveAs(Server.MapPath("~//upload/") + filename);
                StatusLabel.Text = "上传状态: 文件上传成功!'" + eBase.getAbsolutePath() + "http://115.159.193.242//upload/" + filename;
                fj = eBase.getAbsolutePath() + "http://115.159.193.242//upload/" + filename;





            }
            catch (Exception ex)
            {
                StatusLabel.Text = "上传状态: 文件无法被上传. 原因: " + ex.Message;
            }
           



        }
      
    }


最后修改: 2025/8/16 15:08:48

读者评论
【免登录留言】
验证码

相关文章推荐

菜鸟云网络科技简介
活动方案
菜鸟云网络科技简介

菜鸟云网络学院开学了!菜鸟云自己开发的网站CMS!快来学习吧……

菜鸟云网络科技个性化定制中心
5
菜鸟云网络科技个性化定制中心

菜鸟云网络科技个性化定制中心欢迎您

Bootstrap5 教程
10
Bootstrap5 教程

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应……

探索ISBN查询接口:为图书管理系统赋能
3
探索ISBN查询接口:为图书管理系统赋能

在开发图书管理应用时,ISBN(国际标准书号)查询接口是获取……

菜鸟网络学院简介
5
菜鸟网络学院简介

菜鸟网络学院是一家个人创建的学习网站,属于日志文章分享,开源……

《文化苦旅》散文集
3
《文化苦旅》散文集

《文化苦旅》一书于1992年首次出版,是余秋雨先生1980年……

CSS3 圆角
12
CSS3 圆角

CSS3 圆角

谢谢你曾来过我的世界
3
谢谢你曾来过我的世界

少年读《射雕英雄传》,最想化身的人物是陈玄风,脸色焦黄,有如……

Bootstrap5 安装使用
10
Bootstrap5 安装使用

我们可以通过以下两种方式来安装 Bootstrap5: 使……

Excel中生成序号技巧
1
Excel中生成序号技巧

在Excel中生成序号是日常操作,以下介绍几种常用方法,可根……