HTML - Upload Indicator
Hello, all
I've been looking for a while now for a progress indicator for file uploads, but all I saw in my searches were progress indicators that showed the progress as a percentage or number of bytes of the total file size. I don't need that - just something to indicate to the user that something is happening. Could someone offer a suggestion? Thanks! Similar TutorialsHello, Well iam trying to make a site or a page that uploads images to my webserver without the use of FTP. Very simpular to imageshack anyone got any idea how or what i should be looking at. ty wizanthony I've recently been trying to create my own upload form. (i know the html for it, ect) But I'm havening trouble with it uploading to the directory I tell it to go to... So, how do you write/ make a upload form. (as mine is not working ) could some one please tell how to upload a file without using the submit button. Iknow the location of the file and i want to upload the file into the server Hello, I know this sounds like a really dumb, dumb, newbie question so please don't skip over this thread. I really could use the help understanding, how this should work. I read thru a few books on how-to build websites and thought I knew how the process works. I don't have a problem with coding, or meta tags. The problem has to do with all the images that come together to create the overall look of the site. How I create websites...I start with a website template and open it up in Adobe ImageReady. Using ImageReady, I'll adjust the look of the template, by taking out certain images, and adding new ones, etc. Once I have everything placed where I want, then I select the 'slice tool'. Starting with the header, I drag the slice around it, then move to the menu and drag the slice around each button and work my way thru the website, slicing any other images. Then I open the 'Optimize Menu' window and use the 'slice select tool' to click on each slice that I want to adjust the image size/look. After that, I select all slices, and goto 'file-save optimized as' and save it. Next, I start Dreamweaver MX and open the website I just saved. I add the meta tags and etc, then start to click on each of the menu buttons that I sliced, and direct them to their correct page. Followed by adding the content and save it. Lastly, I'll upload the index.html file and the rest of the html files, along with all the images. NOW FOR THE REASON WHY I ASK: After uploading ALL the files, I then goto the 'url' but sometimes, it doesn't display the website in one quick motion. Instead it loads the site, an image at a time...meaning sometimes before the image is displayed, a small icon shows up in the corner, and then it goes away and the image appears. After visiting lots of other websites and not seeing the same issue, I started to question if I was doing something wrong...or not as good as is could be. The only way I can think to explain what the small icon looks like, is if you have ever visited a website that does not load completely and because the image is missing a small icon is displayed. I know there are many different ways to building a website. Please, if anyone can take a few moments and try to help me figure this out. It would be extremely appreciated. I apologize for writing a step by step process, but I was not sure if you might need that info, to figure out what I'm doing wrong. Here are some of the sites I made, that when you visit for the first time, will do that thing I mentioned about. http://www.wastenotwantnotusa.org http://www.hillerexport.com/ http://www.frontstreettrading.com/vi...nd_more_s.html (Some of the pages for frontstreettrading are down, I only posted it so can see example). Also, if anyone is not sure what I'm trying to explain or has any questions, please let me know, so I can try a different way to express the problem. Its really very important and would be doing me a great deal of help. Thanks in advance, Jon K Hi guys. I took this coding from a free coding site but am stuck already! I would like the document the user uploads to appear on the website straight away. I am trying to get a notice board affect where multiple users can upload a document for someone else to look at. Thanks <!-- TWO STEPS TO INSTALL UPLOAD FILTER: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: ArjoGod, Shauna Merritt --> <!-- Modified By: Ronnie T. Moore, Editor --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin extArray = new Array(".gif", ".jpg", ".png"); function LimitAttach(form, file) { allowSubmit = false; if (!file) return; while (file.indexOf("\\") != -1) file = file.slice(file.indexOf("\\") + 1); ext = file.slice(file.indexOf(".")).toLowerCase(); for (var i = 0; i < extArray.length; i++) { if (extArray[i] == ext) { allowSubmit = true; break; } } if (allowSubmit) form.submit(); else alert("Please only upload files that end in types: " + (extArray.join(" ")) + "\nPlease select a new " + "file to upload and submit again."); } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <center> Please upload only images that end in: <script> document.write(extArray.join(" ")); </script> <p> <form method=POST name=upform action="/cgi-bin/some-script.cgi" enctype="multipart/form-data"> <input type=file name=uploadfile> <p> <input type=button name="Submit" value="Submit" onclick="LimitAttach(this.form, this.form.uploadfile.value)"> </form> </center> <p><p> <!-- Script Size: 1.55 KB --> Hi Guys and Gals! Looking for a little help on this one... I use a service that allows me to upload up to 20 photos to each of my work orders. The upload screen is set up with 20 seperate "Browse" lines (1 for each photo). I have requested that the page be recoded to accept a range of photos in a single "Browse" line, as opposed to one line for each. This would really cut down on the "clicking time" involved in attaching photos to an order. Heres my problem...they tell me that it cant be done, and blame it on Internet Explorer capabilities or lack of... Is this true? And if so, does IE version 7 support this functionality? Here is the current code from the upload screen: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <title>Attach Files to a Workorder</title> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> <style type="text/css"> BODY { BACKGROUND-COLOR: linen; TEXT-ALIGN: center } </style> <script language="javascript"> <!-- function ConfirmDelete(filename){ var CompleteDelete = confirm("Are you sure you want to delete "+filename+"?"); if(CompleteDelete == true){window.location='MultipleFileUploads.aspx?id=123553&action=delete&filename='+filename} else{return false} } //--> </script> </HEAD> <BODY TEXT="1"> <div id="MultipleFileUploadForm"> <H3>Attachment Upload</H3> <div id=notesholder align=center style="text-align:left;width:600px;"> <UL> <LI> The files you upload here will not show as uploaded until you save your changes to the order. <LI> You cannot upload a file that is larger than 1MB <LI> All images that have a file size larger than 75KB will be automatically resized <LI> All images that have either a width or height greater than 640px will be resized proportionately <LI> All bitmap files will automatically be converted to JPGs <LI> All files will be renamed in the following format. ([Lastname]_[Firstname]_[JobNumber]_##.[extension]) </LI> </UL> </div> <form name="Form1" method="post" action="MultipleFileUploads.aspx?id=123553&Fname=Kracht&Lname=Jennifer&JobNum=1246607" id="Form1" enctype="multipart/form-data"> <input type="hidden" name="__VIEWSTATE" value="dDwtMzA1MTQwMjgyO3Q8O2w8aTwwPjtpPDE+Oz47bDx0PDtsPGk8MD47aTwyPjs+O2w8dDxAMDw7Ozs7Ozs7Ozs7Pjs7Pjt0PEAwPDs7Ozs7Ozs7Ozs+Ozs+Oz4+O3Q8cDxwPGw8VmlzaWJsZTs+O2w8bzx0Pjs+Pjs+O2w8aTwxPjs+O2w8dDw7bDxpPDA+O2k8MT47aTwyPjtpPDM+Oz47bDx0PEAwPHA8cDxsPERhdGFLZXlzO18hSXRlbUNvdW50Oz47bDxsPD47aTwyMD47Pj47Pjs7Ozs7Ozs7PjtsPGk8MD47aTwxPjtpPDI+O2k8Mz47aTw0PjtpPDU+O2k8Nj47aTw3PjtpPDg+O2k8OT47aTwxMD47aTwxMT47aTwxMj47aTwxMz47aTwxND47aTwxNT47aTwxNj47aTwxNz47aTwxOD47aTwxOT47PjtsPHQ8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTpcPC90ZFw+XDx0ZCBjb2xzcGFuPSIyIiBhbGlnbj0icmlnaHQiXD5cPGlucHV0IHR5cGU9ZmlsZSBuYW1lPWZpbGUgc3R5bGU9IndpZHRoOjQwMCIgaWQ9ZmlsZVw+Oz47Oz47Pj47dDw7bDxpPDA+Oz47bDx0PEA8RmlsZSAyOlw8L3RkXD5cPHRkIGNvbHNwYW49IjIiIGFsaWduPSJyaWdodCJcPlw8aW5wdXQgdHlwZT1maWxlIG5hbWU9ZmlsZSBzdHlsZT0id2lkdGg6NDAwIiBpZD1maWxlXD47Pjs7Pjs+Pjt0PDtsPGk8MD47PjtsPHQ8QDxGaWxlIDM6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgNDpcPC90ZFw+XDx0ZCBjb2xzcGFuPSIyIiBhbGlnbj0icmlnaHQiXD5cPGlucHV0IHR5cGU9ZmlsZSBuYW1lPWZpbGUgc3R5bGU9IndpZHRoOjQwMCIgaWQ9ZmlsZVw+Oz47Oz47Pj47dDw7bDxpPDA+Oz47bDx0PEA8RmlsZSA1Olw8L3RkXD5cPHRkIGNvbHNwYW49IjIiIGFsaWduPSJyaWdodCJcPlw8aW5wdXQgdHlwZT1maWxlIG5hbWU9ZmlsZSBzdHlsZT0id2lkdGg6NDAwIiBpZD1maWxlXD47Pjs7Pjs+Pjt0PDtsPGk8MD47PjtsPHQ8QDxGaWxlIDY6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgNzpcPC90ZFw+XDx0ZCBjb2xzcGFuPSIyIiBhbGlnbj0icmlnaHQiXD5cPGlucHV0IHR5cGU9ZmlsZSBuYW1lPWZpbGUgc3R5bGU9IndpZHRoOjQwMCIgaWQ9ZmlsZVw+Oz47Oz47Pj47dDw7bDxpPDA+Oz47bDx0PEA8RmlsZSA4Olw8L3RkXD5cPHRkIGNvbHNwYW49IjIiIGFsaWduPSJyaWdodCJcPlw8aW5wdXQgdHlwZT1maWxlIG5hbWU9ZmlsZSBzdHlsZT0id2lkdGg6NDAwIiBpZD1maWxlXD47Pjs7Pjs+Pjt0PDtsPGk8MD47PjtsPHQ8QDxGaWxlIDk6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTA6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTE6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTI6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTM6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTQ6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTU6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTY6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTc6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTg6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMTk6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+O3Q8O2w8aTwwPjs+O2w8dDxAPEZpbGUgMjA6XDwvdGRcPlw8dGQgY29sc3Bhbj0iMiIgYWxpZ249InJpZ2h0Ilw+XDxpbnB1dCB0eXBlPWZpbGUgbmFtZT1maWxlIHN0eWxlPSJ3aWR0aDo0MDAiIGlkPWZpbGVcPjs+Ozs+Oz4+Oz4+O3Q8cDxwPGw8VGV4dDs+O2w8S3JhY2h0Oz4+Oz47Oz47dDxwPHA8bDxUZXh0Oz47bDxKZW5uaWZlcjs+Pjs+Ozs+O3Q8cDxwPGw8VGV4dDs+O2w8MTI0NjYwNzs+Pjs+Ozs+Oz4+Oz4+Oz4+Oz4AnCFSfdJrtisPv3L2YbwsLOQZAw==" /> <table id="dlFORM" cellspacing="0" border="0" style="border-collapse:collapse;"> <tr> <td> File 1:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 2:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 3:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 4:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 5:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 6:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 7:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 8:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 9:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 10:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 11:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 12:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 13:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 14:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 15:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 16:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 17:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 18:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 19:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr><tr> <td> File 20:</td><td colspan="2" align="right"><input type=file name=file style="width:400" id=file> </td> </tr> </table> <br><br> <input name="Submit1" id="Submit1" type="submit" value="Upload Files" /> <BUTTON onclick="window.location='MultipleFileUploads.aspx?id=123553&action=viewall'" type=button>View All</BUTTON> <BUTTON onclick="window.close()" type=button>Close Window</BUTTON> </form> </div> <table align=center style="width:600px;"> <tr> <td align=left> </td> </tr> </table> </BODY> </HTML> Recently we switched servers and now I can access my remote files but I cannot upload anything from the local site to the remote site. It gives me an error code of "550" and says that access is denied. Is there some setting that I'm missing? Right now I can't even update anything on the website and I really need to. Hello! I need a bit of help with some website programming! What I simply need to accomplish is; to upload some text, and overwrite an existing text file! I would prefer HTML and Javascript - it should be as easy as possible! Have tried Google, but no luck -Thanks in advance! hi guys,does anyone know how i can upload my realestate listings to a several realestate portals at once,example from my web page..it is taking me forever cutting and pasting and then uploading on all sites individually I need to have a basic code that will basically just let people upload images to be displayed in a continious fashion down a page. Somewhat like hypebeast.com except it would just be images straight all the way down. Addtionally I need to make it so that I can preview the image and check it before it is actualyl displayed to make sure there is nothing bad in the image. Furthermore I need to have a simple system to take it down, that lets the person set an experation date for the image and also allows them to manually delete it when they want to, but I don't want any log in systems, they should just send an e-mail to the server or something. Also they need to be able to upload to a specific catagorey, ie. the site will have tabs where the various images are displayed. How hard would this be to make and addtionally could I do it using dreamweaver? Thanks for the info and lt me know if my description is to vague. hey dunno if there is an html code for this or if i shuld do this in php but does anyone have a way to have an upload section where all the uploads go and a different place to upload hope it make sense thx brad Hi, I have been using ext its really fun working on it. Question:-- How can I upload a (*.jpg,*.bmp etc) file from browser to java webserver and store the file in some temporary folder(so that form webserver I could upload the file to my application server). Ur repsonse can help me analyze the problem and its possible solutions. Thanks I am trying to write a html form in which i want to provide a default file to be uploded from the clients computer. i tried doing it by setting the value attribute to a file in some location. However that file does not get uploaded.... can anybody help OK, So my web page works well on my local disk but when I upload it to my server it doesn't work at all. It just opens up a completely blank page? I am pretty sure that it the code is still there tho just doesn't load any of the images and stuff. I don't get it =( I am just using this free service until I can fix all the bugs here is my page. http://dmrosemark.webuda.com/ Anyone? Thanks in Advance D.M Rosemark I have a browse button when user selects a file i want to display the files attached in a table with attached filename and date. can anybody tell me how to generate table dynamically. Hi everyone, I've just designed a site for a friends parents, im not great with this kind of stuff but they are absolutely useless with computers so there is no point in asking them how they designed the site originally. It appears it was done as some kind of wordpress site, when i view the source I get... "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- Generated by Avanquest Technology v:7.1. For information please visit: http://www.avanquestusa.com/ -->" ...however this is where the issue lies. When I log into the site on my FTP client nothing is there, there are no files or webpages or anything on there yet the site is still working, even when I try and upload my "index.html" file it doesnt cause the site to stop working and be replaced by mine. Is it possible for me to delete the old site completely so that I can upload the new one via FTP? Many thanks in advance for the replies! hello mates, I have a simple question in my page there is -table -upload button all i need is some help if it can be done so what ever i upload to appear on the table and one more thing how to make upload button work, I am not using any types of database i just need what ever is uploaded to be on the page, Really urgent issue Hoping some one can help me as soon as possible, Thanks , Alex www.unboundstudios.net Hey, Im having trouble uploading my site. I bought the domain name, i bought a host and when i go to my site it said "Site Coming Soon".... I went into my ftp server folder and found a few files, including some internet files which were probably the files that displayed the page that said "Site Coming Soon". I deleted those files, which resulted in the page getting deleted, and now it simply says "Page Not Found". I tried to put in my own html files but its not working, does anybody know why? the page remains the same = page not found. I bought my domain and hosted my account all on www.godaddy.com so when i enter my page it shows that its a godaddy page except that it says page not found, and then a bunch of information and reasons why it may be. The first reason that says "It may not be working because you have either not uploaded a file, or incorrectly uploaded a file" <--- and thats why. So please, can anybody tell me how to write the html "Properly" to upload my site? Thanks! www.unboundstudios.net Hi, I would like to construct a form which is auto filled and submits automaticaly.. It has to upload a file whose path I know.. Here is what I tried Code: <FORM action="read_csv.php" enctype="multipart/form-data" method="POST"> <input type="file" name="datafile" value="/home/anirudh/public_html/readd_csv/performance.csv"> <script type="text/javascript">document.form.submit()</script> </FORM> But the form's file field is not filled automatically..What is the problem? Hi! I found out that file_names are not encoded properly when performing a HTTP multipart/form-data request. (It does not encode according to the encode type that we specify) I created a small web page which contains a input tag (file type) and tried a combination of "Enctype" and "accept-charset" in the form tag and nothing seems to work. Please find my tries in the attached zip file. (Please do change the action URL to one that is working, before you test). The RTF files contain the HTTP request header that I captured when the page is loaded from Chrome, Firefox, MSIE. Is there a way for me to fix this? /Boo |