Link to home
Start Free TrialLog in
Avatar of gr1zwald
gr1zwald

asked on

Coldfusion Upload Progress Bar

i would like to have a progress bar display whenever i am uploading a file via cffile.

This has been unexpectedly hard to accomplish .. i have seen partial solutions around but nothing works very well.  I want to duplicate the exact functionality in the link below .. (once the file is started uploading display a progress bar)

example:
http://support.persits.com/upload/progress.asp 

is there anyway to acheive this in with coldfusion mx 6.1? i am currently using a cffile and form to upload images / documents ..

500 points to the winnier !!!!1!
ASKER CERTIFIED SOLUTION
Avatar of pinaldave
pinaldave
Flag of India image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of gr1zwald
gr1zwald

ASKER

im not sure how i get that to work with the cffile upload?

do i put this code on my page that recieves the form elements?  or on the page with the form?

here is what i have now on the page that receives the form var

<head>
<title>Testing</title>
<script type="text/javascript">
function Loaded() {
var division = getElementById("image");
division.style.display = "none";
}
</script>
</head>
<body onload="Loaded();">
<script type="text/javascript"><!--
document.write("<div id=\"image\">";
document.write("<p>Please wait while my site loading...<\/p>";
document.write("<img src=\"loading.gif\" />");
document.write("<\/div>");
--></script>
<h1>page content</h1>
<cfoutput>
<cffile action="UPLOAD"
destination="/home/ws/gis/public_html/ewp/site/pictures/#Form.id#p.jpg"
nameconflict="MAKEUNIQUE"
filefield="file1">
      <script>
              self.location="pictures.cfm?id=#Form.id#";
      </script>
</cfoutput>
</body>
</html>