简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Backend Development > C#.Net Tutorial > body text

Specific implementation of the preview effect after selection of FileUpload in C#

黄舟
Release： 2017-01-19 10:55:02
Original
1572 people have browsed it

Preview effect after selecting FileUpload in C

#Implementation method:

HTML: 

<asp:FileUpload ID="fupTmpPic" runat="server" onchange="onFileChange(this);" />   
<asp:Image ID="imgDimensionalPic" runat="server" />
Copy after login

JS: 

<script type="text/javascript">   
function onFileChange(sender) {   
document.getElementById("imgDimensionalPic").src = window.URL.createObjectURL(sender.files[0]);   
}
Copy after login


Example:

Specific implementation of the preview effect after selection of FileUpload in C#

#The above is the specific implementation of the preview effect after selecting FileUpload in C#. For more related content, please pay attention to PHP Chinese website (www.php.cn)!


Related labels：
C#，FileUpload，预览效果
source：php.cn
Previous article：C# implements a small example of uploading photos to a physical path and saving the address to the database Next article：C# encryption class usage example
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to set text color to black in Flutter web app when device display mode is dark? I've created a web app in Flutter and it works as expected, but I'm having issues with it ...
From 2023-09-11 20:16:42
0
1
196
I want to develop a management system. I don't want to start from the bottom. I want to find a framework that can quickly build the front and backend. Is there anything better? I often write notes recently to summarize and record knowledge points, so I found a more c...
From 2019-10-16 15:58:52
0
0
796
Set the web page to be opened on non-localhost and open it using www and other methods. Set the web page to open on non-localhost, and use www and other methods to open the web p...
From 2017-11-07 11:39:16
0
1
963
javascript - How to make the picture full screen when clicking on the picture with phoneswipe? I want to make a mobile phone click on the picture to preview the picture, and can slide l...
From 2017-07-05 10:41:07
0
4
633
javascript - How to achieve photo album effect? What plugin to use? Click to preview the picture, slide left and right, and have numbers. I put the link on my...
From 2017-06-30 09:56:05
0
4
524
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！