预览并选择上传图片

问题描述

现在的需求是选择本地图片预览,动态生成控件,选择多少张就出现多少个展示框,每个展示框包括图片有无边框,是否上传等属性,选择上传的图片才放到服务器上。我现在是在后台cs文件中先将图片放到缓存文件夹里,在从缓存文件夹来展示图片,通过获取文件个数来循环动态创建控件,但是在点击上传button时,无法获取动态生成的数据,现在有什么办法可以实现这个功能。(如果可以的话,可以给详细的步骤)

解决方案

解决方案二:
你这个到底是winform还是webform
解决方案三:
这个是web网页的,利用ASP和C#实现
解决方案四:
你是用原生态的上传的还是服务器控件上传的?
解决方案五:
客户端本地图片上传到服务器上
解决方案六:
利用fileupload上传
解决方案七:
如果是服务器控件的话,可以直接隐藏Upload,然后动态添加Image如果是原生Html方式的,那你要在当前窗体动态创建一个form,然后submit到指定的后端处理程序,后端声明返回方式是html,执行js将路径赋给当前页面

时间: 2024-10-04 09:35:15

预览并选择上传图片的相关文章

无刷新预览所选择的图片示例代码

 这篇文章主要介绍了无刷新预览所选择的图片的具体实现,需要的朋友可以参考下 代码如下   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"

无刷新预览所选择的图片示例代码_javascript技巧

代码如下 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi

jquery.imgareaselect实现图片的本地预览和选择截取实现代码

第一还是要引用jquery,接着引用下载好的 jquery.imgareaselect.pack.js 文件和 imgareaselect-default.css 样式文件. 接着写一些元素标签  代码如下 复制代码  <img id="ferret" src="" alt="It's coming right for us!" title="It's coming right for us!"         styl

雪地跪求方案,如何将excel在导入数据库前实现预览并选择导入

问题描述 具体说明:将excel在导入数据库(mssql)前实现预览(是否可以用gridview)并选择导入,导入时候按照excel字段匹配数据库中字段进行相应导入. 解决方案 解决方案二:跪求解决方法.我是想将excel先导入gridview,在gridview中选择,并选择导入.可行吗解决方案三:自己顶下,寻求方案解决方案四:可以的解决方案五:privatevoidbind1(){OleDbConnectionconn=newOleDbConnection("provider=microso

jQuery实现本地预览上传图片功能_jquery

本文实例介绍了基于JQUERY扩展,图片上传预览插件,目前兼容浏览器(IE 谷歌 火狐) 不支持safari,分享给大家供大家参考,具体内容如下 HTML代码: <html> <head> <title>图片上传预览演示</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javas

js实现上传图片预览的方法_javascript技巧

图片预览的 javascript 本地操作 早期浏览器,不能将本地图片作为页面元素处理,要实现图片预览需要将图片先上传到服务器,再从服务器取得进行预览 现代的浏览器功能越来越全面,因此可以实现对一些数据的本地处理 Chrome MsEdge(ie11) Firefox  上图的html <tr> <td>缩略图</td> <td> <a href="javascript::void(0)" class="fileBtn&q

基于jquery实现的上传图片及图片大小验证、图片预览效果代码_jquery

jquery实现上传图片及图片大小验证.图片预览效果代码 上传图片验证 复制代码 代码如下: */ function submit_upload_picture(){ var file = $('file_c').value; if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){ alert("图片类型必须是.gif,jpeg,jpg,png中的一种") }else{ $('both_form').action="file!u

Ajax 上传图片并预览的简单实现_AJAX相关

1. 直接上最简单的 一种 ajax 异步上传图片,并预览 html: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>图片上传 | cookie</title> </head> <body> file: <

预览待上传的本地图片

上传 上传文件是一种很普通的Web应用,尤其以上传图片更为常见.今天我们就在Web标准的范围内谈谈与这个主题相关的内容(只限前端部分,上传的实现当然就不在此列了),关键词是:Javascript.DOM和Firefox. 表单 先创建一个file表单域,我们需要用它来浏览本地文件. <form name="form1" id="form1" method="post" action="upload.php"> &l