Display a different image based on whether or not the file transfer succeeded.

css/style.css

@@ -148,12 +148,18 @@ h1{
 	left:0;
 	height:100%;
 	width:100%;
-	background: url('../img/done.png') no-repeat center center rgba(255,255,255,0.5);
+	
 	display: none;
 }
 
 #dropbox .preview.done .uploaded{
 	display: block;
+	background: url('../img/success.png') no-repeat center center rgba(255,255,255,0.5);
+}
+
+#dropbox .preview.error .uploaded{
+	display: block;
+	background: url('../img/error.png') no-repeat center center rgba(255,255,255,0.5);
 }
 
 
@@ -202,7 +208,6 @@ h1{
 
 
 
-
 #dropbox .linkHolder {
 	position: absolute;
 	left: 0;

js/upload.js

@@ -11,8 +11,16 @@ $(function(){
 		url: 'upload.php',
 		
 		uploadFinished:function(i,file,response){
+			if(response.type == 'error') {
+				alert('There was an error: ' + response.status);
+				$.data(file).addClass('error');
+				$.data(file).find('.linkBox').remove();
+
+				return false;
+			} else {
 				$.data(file).addClass('done');
 				$.data(file).find('.linkBox').val(response.file);	
+			}
 			// response is the JSON object that post_file.php returns
 		},