Check File Extensions On Multiple Uploads
Sep 10, 2009
Script works on the first attachment but not the other two?
<script type="text/javascript" language="JavaScript"><!--
function ExtensionsOkay() {
var extension = new Array();
var fieldvalue = new Array();
fieldvalue[0] = document.customApp.attachment_1.value;
fieldvalue[1] = document.customApp.attachment_2.value;
fieldvalue[2] = document.customApp.attachment_3.value;
extension[0] = ".doc";
extension[1] = ".docx";
extension[2] = ".txt";
extension[3] = ".pdf";
// No other customization needed.
for(var f = 0; f < fieldvalue.length; f++) {
var thisext = fieldvalue[f].substr(fieldvalue[f].lastIndexOf('.'));
for(var i = 0; i < extension.length; i++) {
if(thisext == extension[i]) { return true; }}
alert("Your upload field " + f + " contains an unapproved file name.");
return false;
}}
//--></script>
View 4 Replies
ADVERTISEMENT
Jul 11, 2003
when uploading multiple files with php, one uses an array for the name of the file field like this: <input name="image[]" type="file" id="1" size="40">
Now I have some genius jscript that checks the file types of multiple upload fields. But it requires the name of each of the fields to be unique. Since all my fields have image[] for the name - the script breaks. If I name my fields with image1, image2, image3 etc, the jscript works.
In order to upload multiples, php requires the name of the field to be an array as above. I just need a little tweak to this jscript!
Here is the jscript. pretty simple, except for when the field is called using it's "name" property midway down. I tried using unique id's but this didn't seem to work - of course I might have messed it up. Code:
View 1 Replies
View Related
Jul 26, 2006
The user needs to upload files, but the number of files they need to upload is variable.
I've got something like this:
function another_file() {
document.getElementById('files').innerHTML += '<input type="file" class="fileinput" name="pictures[]" />'
}
But everytime I click on the link that calls that function, it erases the previous input's state. I'm after something like GMail's attachments interface.
View 2 Replies
View Related
Jul 23, 2009
I'm developing a framework that allow all navigation in normal mode or in ajax load.
I have a form to upload images and I can upload files correctly, but if I use the ajax form, the save page don't receive the HTTP_X_REQUESTED_WITH in $_SERVER PHP array (only occours when a file is uploaded).
How can I detect an ajax load with a file upload form?
View 3 Replies
View Related
Mar 25, 2010
Does anybody knows a good jQuery multiple file uploader? The idea is when somebody click on the Upload link some kind of popup box needs to appear. Something like the media uploader in WordPress. The background of the website becomes grey, and only a upload box appear. It would be cool that only if you have selected one file, the next input for a new upload appear with a max of 9 uploads at a time ...
View 5 Replies
View Related
Sep 8, 2010
With my current javascipt code I have successfully implemented jQuery Form Plugin with my own page. It hooks forms and submits them, and upon either failure or success the proper function is fired (success and error options of ajaxForm) and the XML is handled.
However, whenever I add a <input type="file"> my code fails to determine wether or not an error occured, since the HTTP code of the request seems to be set to 0, and thereby somehow being treated as "success" event, which it clearly isn't, as the PHP returning the XML sends a HTTP 400. (Firebug confirms this.)
Simply put, why does the file upload cause a 100% "success"-rate with HTTP status 0 where it shouldn't, and how could I work around this if required?
[Code]...
View 1 Replies
View Related
Feb 9, 2010
I have a form where a user can upload a file. I do a check to see if it's a zip file. If it isn't then its supposed to stop the file from being uploaded. Only thing is, the file still uploads regardless of getting the error or not.
How can I prevent the form from submitting the file if the error pops up?[code]...
View 3 Replies
View Related
Mar 11, 2010
I have a code that I got from a tutorial website. The goal is when someone clicks the first check box with the value of yes then the two other sets of check boxes will autmatically be checked for no.
The issue is their are three sets of 2 check boxes each.
So here is my code code I am trying to use
PHP Code:
Here is my form code
PHP Code:
So Ideally when a representative clicks that the customer has three services (clicks the Yes checkbox) all the other checkboxes will default to No.
How I would change the above javascript to do this.
View 1 Replies
View Related
Apr 20, 2010
is there a way to assign an event to a file input so that when a user selects a file to upload the event is triggered and i can check out the file extension? The reason why is simple, i want to perform different actions depending on the type of the file.
View 2 Replies
View Related
Dec 20, 2004
I have a form with three Input File form objects in which the user can add image files. But I am worried about the problems these controls can lead, because to check the file size the server needs to receive the entire file, so serious problems may happen, for example:
1. Malicious user trying to collapse the website sending big files.
2. Users that have not seen the warning “Maximum size: 100 KB� for each image, and try to send three image files consisting in 1,5 MB each one. These users will have a bad experience waiting one hour or more to upload the images, and after that receive an alert saying “Oooops! Your image files are too big.� And also, web server will waste an important amount of resources. The same case with 100 users at the same time can be a nightmare!
I have been searching a way to check the file size on client side without having to force user to install anything, but I think that there isn’ t nothing to do with javascript. But I found an interesting PHP article that explains a way to do it with this server side language. The technique consists in:
“A hidden field (measured in bytes) that precede the file input field, and its value is the maximum filesize accepted. This is an advisory to the browser, PHP also checks it. This form element should always be used as it saves users the trouble of waiting for a big file being transferred only to find that it was too big and the transfer failed. Code:
View 1 Replies
View Related
Apr 11, 2010
I'm working on this project where I'm trying to use jquery to read from an xml file and generate added code to a html index file by creating dropdown select menus and then allowing the user to display pictures according to what of the 2 category 'select' types they select on the dropdown list.
The program works as far as generating the select dropdown list but only generates the images for the first selected option. When I select the second drop down category nothing happens it simply shows the pics from the first category. When I go into firebug and display the html file after the script is run there are an extra set of <p> tags without anything in them. I traced through the script and can't find where the <p></p> is coming from. It's not on the initial html page. I have the script below for the xml and jq.
<?xml version="1.0" encoding="ISO-8859-1"?>
<gallery>
<picture class="House and Home">
<listing>Pics/HouseHome/h1.jpg</listing>
[Code]......
View 2 Replies
View Related
Nov 6, 2007
I'd like to announce release 1.0.7 of JNEXT (JavaScript Native
Extensions). JNEXT is an open source framework for securely accessing
the full range of native OS resources (files, databases, sockets etc.)
by using JavaScript from within a Web Page. It is light weight, cross
platform, cross browser and designed with simplicity in mind....
View 3 Replies
View Related
Aug 18, 2005
Does anybody know of a good firefox extension tutorial?
Basically I have an XML list of things
<term>bleh</term>
<replacement>blehsky</replacement>
and I want to make the extension replace every occurance of bleh on the webpage with blehsky.
I can handle the javascript to do this, but I don't know where to start in making it into an extension.
View 6 Replies
View Related
Feb 7, 2006
I"m trying to do a search on a folder that contains both word docs and
html pages. I want the search to only return back the html pages.
Does anyone know the code for that?
View 3 Replies
View Related
Mar 2, 2011
I'm trying to create an extensible class with private members.
Suppose I have the following:
Code:
Obviously, only "y" should be available to instantiations:
Code:
But how can I now extend this class and still access the private properties inside the extension?
Code:
How do I access x there? The someOtherFunction extension is part of the prototype, so it should be in the same scope as someFunction, no?
View 1 Replies
View Related
Mar 16, 2009
i have a function to load text files.
function load(n){textfile=n;if(n.indexOf("#")!=-1){theleft=n.indexOf("#")+1;textfile=(n.substring(theleft))}
document.mycall.load(textfile+'.txt');origString=textfile;
and it only loads a files with .txt extensions. how to change this function to load files with .doc and .nfo extensions also.
View 2 Replies
View Related
Apr 27, 2004
I couldn't find a single thread with the creme de la creme of String prototype extension methods, so I figured I'd start one. Here we go!
String.prototype.lTrim = function () {
return this.replace(/^s+/gm, "");
}
String.prototype.rTrim = function () {
return this.replace(/s+$/gm, "");
}
String.prototype.trim = function () {
return this.rTrim().lTrim();
}Obviously, this one's easy to understand. I'm using multi-line mode so as only to get rid of spaces and tabs before and after words. Single-line mode would replace any newline/carriage return characters as well.
String.prototype.capitalize = function () {
return this.replace(/[a-z]/g, function (str, n) { return str.toUpperCase(); });
}
String.prototype.toCamelCase = function () {
return this.replace(/s[a-z]/g, function (str, n) { return str.toUpperCase(); });
}
String.prototype.unCamelCase = function () {
return this.replace(/[A-Z]/g, function (str, n) { return " " + str.toUpperCase(); });
}This is something I needed today, to turn a camelCased variable value into its Header Format. While I was at it, I wrote the un-do-er.
View 8 Replies
View Related
Dec 17, 2000
I have been using Frontpage to design web sites and know that online-forms can be created using Frontpage, but the host must have Frontpage Server Extensions installed...
...I was wondering if the online forms were simply CGI scripts??
If so, could i not get DreamWeaver Ultra Dev and write the CGI scripts in there? - I think DreamWeaver is capable of this?
Therefore, if a server supported CGI scripts and i had to pay extra for FRONTPAGE EXT. then i could bypass this problem by using CGI scripts...
...does this make sense? If not, why not?
View 1 Replies
View Related
Feb 12, 2003
When introducing custom functionality to HTML elements we either use existing attributes to pass configuration parameters (like beetle's fValidate (http://www.peterbailey.net/fValidate/)) or invent our own (like my Tooltips (http://www.vladdy.net/webdesign/ToolTips.html)). While this method is ok for small amount of configuration information, it is not that flexible (you need to edit DTD) and becomes combersome when large amount of configuration parameters is needed.
I figured a more convinient way is to use a CSS like string to pass configuration parameters:
<div myextension="parameter1: value1; parameter2-subparameter1: value2.1; parameter2-subparameter2: value2.2"> </div>
Then initialization routine would contain:
if(myExtensionParameters = divElement.getAttribute('myExtension'))
divElement.myExtension = new myExtensionObject(divElement,myExtensionParameters);
Definition of possible parameters and their values can be done using an array of regular expressions:
myExtensionParamDefenitions = new Array();
myExtensionParamDefenitions['choiceparameter'] = /^s*(value1a|value1b|value1c)s*$/;
myExtensionParamDefenitions['stringparameter'] = /^s*(w+)s*$/;
myExtensionParamDefenitions['integerparameter'] = /^s*(d+)s*$/;
Constructor for the myExtensionObject would containd a parseParameters function:
function myExtensionObject(divElement,myExtensionParameters)
{ this.params=new Array();
parseParameters(this.params,myExtensionParamDefenitions,myExtensionParameters);
//Verify parameter initialization, if you like
str=''
for(e in this.params) str+= e + ': ' + this.params[e] + '
'
alert(str);
//Do whatever you have to do...
}
Function parseParameters has the following code:
function parseParameters(object,definitions,parameters)
{ paramEntries = parameters.split('');
for(var i=0; i<paramEntries.length; i++)
{ paramEntry = paramEntries[i].split(':');
if(paramEntry.length == 2)
{ paramName = paramEntry[0].replace(/^s*([w-]+)s*$/,'$1');
if(definitions[paramName])
{ res = definitions[paramName].exec(paramEntry[1]);
if(res[1])
object[convertCSSName(paramName)] = res[1];
}
}
}
}
Where convertCSSName function converts CSS type name (background-image) to javascript name (backgroundImage)
function convertCSSName(cssName)
{ sn = cssName.split('-');
rs = sn[0];
for(var i=1; i<sn.length; i++)
rs += sn[i].replace(/^(w)(w*)$/,function(str,p1,p2,offset,s){return p1.toUpperCase() + p2;})
return rs;
}
As a result you have params array of myExtensionObject object populated with validated entries. Changes and expansion is done by simply editing myExtensionParamDefenitions array.
PS: The functions are coded more for clarity rather than for brevity - I'm certain there are ways to improve the implementation.
View 3 Replies
View Related
Feb 8, 2006
Are there any free plugins for tinyMCE to help with uploading images to it?
View 3 Replies
View Related
Nov 22, 2009
These videos are supposed to be linked from youtube... When I try to upload a video it keeps on coming up as an invalid video... It gives me an example of what a proper youtube link should be but even when I enter the example it doesn't work... Does anyone have any ideals? I have already asked in the other forums and they said that is was a JavaScript error or has something to do in javascript... I am fairly new to programming and this is my first website so please be patient... To get to the video upload page follow these instructions... you have to be in your user profile... log in using this information... User Name: supramaniac Password: lakeella After you log in go to the Member Menu on the left side bar and click on Your Videos...
View 1 Replies
View Related
Jun 5, 2010
I recently downloaded a JS program from Stick Blog and I don't understand JS yet. I'd like to know how to raise the maximum amount of uploads to 15.
View 1 Replies
View Related
Jun 25, 2009
I'm doing some ajax image uploads using the plugin at [url] I have multiple images on the page which I will be replacing with the uploaded image. My problem is this, trying to refer to the clicked image within the onComplete function.
I tried creating a variable that refered to 'this' which I beleive to be the image element but when I make the change to the element it is not refected, making me think that the variable is a copy and not a reference ?
View 1 Replies
View Related
Mar 4, 2010
Ive got a project and ive been steaming ahead with it myself for a bit, i was given the code to start off with but have adapted it for my own needs. As well as fieldOne being a minimum of 3 characters I also need to check if the first three characters are the same because we get a lot of spam.
View 14 Replies
View Related
Apr 26, 2010
I don't know why it's not running the validation js first upon "submit", it goes straight to the "thankyou" page specified by the php (let me know if php needs to be posted). I've check my syntax over and over, I can't see anything.
I'm trying to have a "tell-a-friend" form where one requires to enter his/her first name, surname, email and a friend's email � with option of forward to to other 4 friends (total 5).
Here are the fields I need to validate:
My js (validationB.js) file:
View 4 Replies
View Related
Sep 9, 2011
I have to check for several possible values of a variable and I currently do it like so:
(SHIP_TYPE == "M" || SHIP_TYPE == "S" || SHIP_TYPE == "X")
But this seems overly manual to me. I'm imagining something like the SQL "IN" function:
SHIP_TYPE IN ('M','S','X')
Does such a thing exist in JavaScript, or do I need to write my own function?
View 9 Replies
View Related