In vue-filepond, I can drag or select files and they process fine, but I want to be able to submit user entered data along with each image. For example, they may want to tag the image or enter a title, etc..
I can't find any documentation on how to do this?
You can use the file.setMetadata method (https://pqina.nl/filepond/docs/patterns/api/file/#methods) to add metadata to each file, each upload will contain a File object and a JSON object (the JSON object will contain the metadata).
In angular2 using aberezkin/ng2-image-upload
I have in my template
<image-upload
[max]="1"
[url]="uploadUrl"
[preview]="true"
[buttonCaption]="'Select Images!'"
[dropBoxMessage]="'Drop your images here!'"
(onFileUploadFinish)="imageUploaded($event)"
(onRemove)="imageRemoved($event)"
(isPending)="disableSendButton($event)"
></image-upload>
This is part of a larger form for an e-commerce site's product capture/edit screen including this image upload
It's all great for a new product and a new image but if I have to edit an existing product and thus have the data from the server for that product, including the image, how can I pre-populate image-upload with this image thus allowing a user to keep it or delete it/change it?
Also is there a way to filter file type allowed?
So you want to let user select the image and able to change it befor Uploading
I made a simple example of preview and uploading image I think it will be helpful for you
Preview and uploade image angular2
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
What is the code for displaying picture in Visual Foxpro 6?
Does anyone know the codes for displaying a picture that is found within a Column in a table using Visual Foxpro 6?
My project was Library System, that includes the time in and time out of the librarians and students. And needs to upload a picture of students together of their information in the registration.
Example:
If a student enters the Library , he/she needs to swipe his/her ID to login or time in and his/her information will appear on the computer of the admin. Same process when he/she leaves the library . . . he/she needs to swipe his/her ID then logout / time out.
I think your question is vague and misleading based on other answer provided. What is SOUNDS like is that you have a database of teachers and students (much like a membership as a gym or similar). For each record in the database, you have an image file associated with that person. The image may be part of the actual table, or just a file name that is pointing to a specific directory on your drive share, where all the people images are available.
From that, these people have ID cards and when they enter a given facility (your Library for example), they run their ID card through a reader. At that time you are doing a search from your network database of users, find the user and pull up the image to the screen to show who the person is to help prevent fraud of someone using somebody else's ID card. This allows the person monitoring the entry area to make sure that Jim is not using "Bill's ID card to gain access.
If this is the case, and your VFP app is already running and ready to read from the card reader, you should only need to add an image file to your screen for presentation somewhere. Then, based on your finding the appropriate ID, get the record, analyze (if part of the record or just file name in a given images path), get the image file and set the property on the image control to point to the correct image. Then, do whatever logging update that states that Bill just entered the facility.
-- update per comment --
Jenna, I don't know how the original records were added to your table, and it sounds like you were handed this project. The column type within VFP is that of a "General" field. Somewhat like that of a memo field that can also hold binary data, the General data type is more for Object Linking and Embedding (OLE) content. It appears that when users were storing the values, they were adding as a linked or embedded content via something like
APPEND GENERAL YourPictureColumn from SomePath\SomeFileName.bmp
check the syntax under VFP 6 for "APPEND GENERAL". You can also state how via a LINK to the actual file vs EMBEDDING by having the actual image included so if the original source is removed, you still have it in the file.
As for the "picture frame" you see when you double-click this column, it is because VFP does not know how to properly interpret the image, such as as "MS.Paint" class object, or "Picture", or whatever. I've never really liked doing General fields, but would instead have a memo field with just the name of the full path/file name of the image I was keeping and had a separate folder to just stick all the image files. Then, when I needed to show that specific image, I would change the property of the image object on the VFP form to that location.
Now, if that is a route you might like to go with, I'm not exactly sure out to extract those image files, but can look into it more.
As for testing the concept of the image sampling, in VFP, make a new folder for a sample form.
Copy in the folder a few images to sample.
Create a simple table with 2 columns...
CREATE TABLE MyPicSample ;
( PersonName c(10),;
ImgSource m )
Add as many records as images you copied to the test folder. For each, put the file name of the images (full path) into the "ImgSource" memo field, and a sample description for the "PersonName".
Next, create a form, open the data environment and add the "MyPicSample" table just created.
Drag this table from the data environment to the form and it will create a grid on the form. Resize it some you only need a small amount of space to show the one column for PersonName. Close the data environment.
Add an "Image" control to the form. It should default the object name to "Image1"
Double-click on your grid to bring up its code snippet window and then double-click on the "AfterRowColChange" event... paste the following over it..
LPARAMETERS nColIndex
Thisform.Image1.Picture = MyPicSample.ImgSource
Save and run the form. As you scroll up/down the grid, you should see the image change to the respective BMP/JPG file.
I think this is the concept of what you want, but instead of a data table grid displayed, you will be doing this from a scanned card that gets a record, has an image and then present THAT image (now in a General data column type).
Again, not sure how you have your images via embedding or linked, but with this, we can probably get going closer to your end-result needed.
Depends on where you need to upload the image to.
If you are uploading via FTP, you should be able to use the following snippet in Foxpro. It's utilizing the Internet Transfer Control.
inet = CREATEOBJECT("inetctls.inet")
inet.Execute("ftp://ftp.microsoft.com", "CD DIRNAME")
inet.Execute("ftp://ftp.microsoft.com", "PUT LOCALFILE REMOTEFILE")
What I'm trying to do is this: I have a string with the full path to the image. I tried to add an external image to my report and set the image source to my string. but every time I load the report, it doesn't load the image. How do I do this, or is there a better way of doing this?
Thank you
For an External image, the image source needs to be a URL for the image. Reporting Services will try to get the image using anonymous access.
http://technet.microsoft.com/en-us/library/dd220527.aspx
Ok, I got it figured out. What I did was in the image properties, in the General Tab, I selected the image source as External, I then created a report parameter Called "#ImageURL", and selected it in the "Use this image:".
On the form I added this line of code:
ReportViewer1.LocalReport.SetParameters(New Parameter("ImageURL", string.concat("file:\","C:\ImagesFolder\ImageName.jpg")))
this brings up the image correctly.
I have exhausting goggle looking for a way to upload more than one db images.
I had a look at
http://www.mikesdotnetting.com/Article/125/ASP.NET-MVC-Uploading-and-Downloading-Files or http://mattias-jakobsson.net/post/2009/11/19/Handling-image-uploads-with-AspNet-Mvc.aspx or http://www.johnpscott.co.uk/devnotes/picpick/default.aspx or http://rusanu.com/2010/12/28/download-and-upload-images-from-sql-server-with-asp-net-mvc/ and so on. I no luck.
Does anyone has a tutorial or recommend a book that demostrate how to upload more than one db images. I am using vs 2010, asp.net mvc3 in C# with SQL Server 2008R2. All I am trying to do is to have couple db images for each product.
Thanks
The first link you provided is a good start for what you need.
Store all images for a product change....
It shows how to upload multiple files. From this you could modify the table where the images are inserted to add a key for the record relation back to your product.
Retrieve all images for a product change...
To pull them back from the database you would call the code in the same article (GetFile), modifying the select statement to include your product key INSTEAD of the ID of the individual image.
Display all images for a product change...
This is where it changes quite a bit. The author of the first article still returns one file as a FileContentResult. Obviously, this won't work for your situation.
Have a look at this article. It uses an XML file to load up multiple images BUT you would replace this code with the code in GetFiles to create the Image List. It shows how to create a controller, model and view for this. You could create a partial view to have the images on the same page as the product view.
This sample shows how to get an image list out of the DB into a view. (To help with modifying GetFiles to better work for this...)