I'm building a website for a friend where some pictures need to be uploaded. The pictures need to get a watermark on them automatically after uploading (to prevent other people using them as their own), but the watermark placement cannot be 'static'; if I put it in the same place on each picture then it will obscure too much of the content in some pictures.
So I want to enable my friend to choose the location of the watermark (possibly even the size, but that's not really important at the moment) for each picture individually.
At the moment I just have a page with a FileUpload control that allows my friend to pick the image. It is uploaded when the OK button is pressed and the URL to the image is stored in a database. That's basically it.
Now I was thinking to make another page after the upload page where you can see the image you just uploaded and can drag a picture of the watermark (which will be a transparent PNG image, possibly GIF if PNG is not possible) around to place it. Once placed, the user could click an OK button and the watermark is copied onto the image.
So what I need is a way to drag an image (the watermark) over another image (the picture), as well as the possibility to retrieve the location of the watermark image (relative to the picture image) afterwards (so I can draw it onto the picture using GDI+).
Is there anything that allows me to do this? When I search for stuff related to dragging images all I find is drag and drop samples, where you take an arbitrary image file and drag it into the browser. That's not what I want; the watermark is always going to be the same image, and it will be on the image by default (in the center or something). The user should be able to move it (possibly outside the boundary of the image to completely hide it) but never completely remove it from the image and drag it somewhere else (no drag drop).
I want to display an image, be-able to drag small images on to the large image and then save the new image. Image having a photo as an image and wanting to put number blobs on and each number blob refers to a piece of text almost like labelling photo. I know how to drag and drop images using jquery but not sure how I would save the thing as a new image.
I am using the below code to rotate the drag/dropped image.The rotation is working fine,but when i start rotating ,the image moves outside the "div" container .Anything i am missing.
//Moving outside the container for first time.After dragging inside the div,then rotates inside the div
I Used AsyncFileUpload(one of Ajac Control Toolkit Controls) to Uploading User's Image. this works well. But i want to change the image url of an image contorl to uploaded image url. how can i perform that? I put Image control in a Update Panel:
[Code]....
in C# code I wrote these:
[Code]....
But it does not work. Image is like Previous. Note that ImageOperations.ResizeFromStream() method resizes and saves the image to a specefic folder. actually I should trigger a Postback to Update the Update Panel but How to do that. I usedUpdatePanelNew.Update(); but it does not work!
I have a fileupload control in a contentplaceholder in a masterpage. I have to preview the image whenever I browse an image beside it in an imagecontrol.
My application is running on a different server .So I can't give the filepath of my local system.
Also I don't want to store the image in any location and i'm not supposed to use any session variable to pass it to generic handler.
I am trying to put a default image in an Image control in asp.net and it should show that particular image on the page when no other image is assigned or no image available in Database.
I know how to display an image in gridview from image path in database. Now, I want to display an image in an asp.net image control from image path in database. Can anyone point me to a tutorial? I haven't been able to find one that explains how to do it when I don't know what the image path will be. The images are in the root folder.
Here is this thing which to me looks possible, but when I searched over the net I couldnt find anything.
I want to create a page where I can upload an image using any upload function and then display it. Now after diplaying it I want to select the hotspots for an image map. The coordinates of image map values are stored in a database.
Basically I want that to create image maps and hotspots I dont use any offline software, this work is successfully completed and working perfectly, but i want generate one identification where i click the hot spots position in image or CSS file Generate for user identifications, So how can i solve this problem.
I hope You are clear in that what I am looking for.
I have the following code that is allowing me to save an image uploaded from a user into a root folder
HTML Code: Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles Button1.Click Dim fileName As String = Path.GetFileName(FileUploadUserProfile.PostedFile.FileName) FileUploadUserProfile.PostedFile.SaveAs((Server.MapPath("~/ImageStorage/") + fileName)) Response.Redirect(Request.Url.AbsoluteUri) End Sub
Question one: Once i upload the file and i click on the ImageStorage folder, i don't see an image, but if i exit the entire applicxation and then i go back in i am able to see the image. How can i refresh the folder wothout having to exit the application?
I am trying to display the image once is uploaded. i have the following to display the image:
HTML Code: <img src="string url = ResolveUrl("~/ImageStorage/" + filename)" />
Occe the page is uploaded i don't see an image, instead i see a little square with a red X
I have a very simple app here. It pulls a users picture from AD, saves it and then displays it as an asp:Image. The program runs perfectly in the IDE but fails after I publish it and try to browse to it. Here's the code and the error.
I am using a fileloader to load a photo into a folder,but, I am having difficulty getting the photo to appear in the imagebox on the form. This is the code I'm using
Protected Sub btnup_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnup.Click, btnup.Click
If FileUpload1.HasFile Then Try FileUpload1.SaveAs("C:inetpubwwwrootwebapplication1images" & _ FileUpload1.FileName) Label1.Text = "File name: " & _
[Code]..
For some reason I am being told that the image part of image.file is error BC30561: 'Image' is ambiguous, imported from the namespaces or types 'System.Web.UI.WebControls, System.Drawing'.
I created an image button in my header template. When clicked, it calls the Sorting method. When I change the image url in code behind, it does not render. By setting a break point, I can see the property being updated, but I assume it is getting overridden by the default I set in the HTML page.
I have a form in vb 2010 with multiple image buttons displaying images. My problem is that when I click on a button the page automatically returns to the top of the page(the image is displayed). The me.button.focus() code causes the page to load on top of the displayed image. Is there a way to keep the focus on the button while the image is being diplayed at the same time.
i have fileupload control and image control.on click of browse button fileupload window gets open and after selecting image it should appear on image control.even i tried with AsyncFileUpload control from AjaxControlToolkit and its uploadcomplete event. but still i m not able to do it.
I've got a list box that populates a list of documents - from which after selection user clicks button and a popup window shows documents - well thats the end result.
my code for selection is as follows
Code: Dim PictureTable As New DataTable Dim Query As New SqlCommand("Select DocumentType, Document from ClientDocuments where id = @id") Query.Parameters.AddWithValue("@id", DocumentList.SelectedValue.ToString) Sleepy.GetSQL(Query, PictureTable)
Dim Row As DataRow Row = PictureTable.Rows(0)(1) Dim Picture() As Byte = Row("Document") Dim stream As MemoryStream = New MemoryStream(Picture)
From here to what kind of popup or method to do I have been unable to figure out..
I know a little bit of vb.net but don't know all that much about the asp.net technology. I do some volunteer work for a non profit organization and what I'm trying to do is integrate an image gallery into their site, instead of using an external image service that they use now.
After some searching I found an easy to use program that automatically creates the necessary thumbnails in a table.
However I want to add some functionality; when a user clicks an image for full size I want to add the option to click a button or link, to get to the next image.
I've done a lot of searching but couldn't find how to achieve this. I guess I need to find out the current image and then somehow jump to the next image.
How to implement this. Preferably I'm looking for something that is easy to implement. I'll have a number of different albums with a different amount of images. If possible I'd like to avoid having to rename the images so that they are photo1, photo2 etc.
Currently the image gallery looks like this : [URL] ....
I'm pretty sure I will need to make some changes to the viewimage.aspx file. Currently it only contains:
Not sure if you need to know the code that does the thumbnailing + creating clickable thumbnails, but I'll post it just in case it's needed
vb Code: <script language="c#" runat="server"> void Page_Load(Object sender, EventArgs e){ // Modify these numbers for the thumbnail size you want const int maxWidth = 200; const int maxHeight = 200; ArrayList pics = new ArrayList(); string html; int imgHeight; int imgWidth; foreach(string s in Directory.GetFiles(Server.MapPath(""), "*.jpg")){ System.Drawing.Image currentImage = System.Drawing.Image.FromFile(s);
[Code] ....
I got the code from here: [URL] ....
but the contact button doesn't work, otherwise I would have contacted the original author.
I wrote a function in code behind of the aspx file to get from an SQL database the imageurl and assign it to that image's URL. This works fine so I decided to move it to a class but now the imageurl does not exist because the passed image control is now refering to system.drawing.image not the web image.
Code: Public Sub ShowCodeImages(sProdCode As String, ByRef imgCode As Control, sConnectionString As String)
Dim sSQL As String Dim sqlDCStock As New SqlConnection Dim sqlDAStock As SqlDataAdapter Dim sqlDTStock As DataTable
I'm trying to add, for each button job (below second codes), image progress bar. At the moment if I run Button1, or button2 both Image ProgressBars are running. ButI want to, if run Button1 then only one progressbar could run.Trying also with AsyncPostBackTrigger, and changing UpdatePanel to UpdateMode="Conditional"> ?!