how to upload an image using php and javascript.i can upload multiple images .

2 New Member

hello,
i got a code in google search which can upload images using php and javascript (iframes).I am trying to modify the code so that only one image which is browsed currently should be displayed. but i didnot suceed.please help me.
thanking you,
ramya

Jul 12 '07 #1

Subscribe Reply

3599

pbmods

5,821

Recognized Expert Expert

Heya, ramya. Welcome to TSDN!

What do you want your code to do? Give an example.
What is your code doing that you don't want it to do? Give an example.
What is your code *not* doing that it is supposed to? Give an example.

Jul 12 '07 #2

gramya

New Member

I must upload a image . I have a code which is written in php and javascript. It is working sucessfully.But the is appending the image which i am browsing to the current page. But my requirement is to replace the previous image with the currently browsed image. the code is given below. So please help me.
thankyou for your reply.

<?php
$ftmp = $_FILES['image']['tmp_name'];
$oname = $_FILES['image']['name'];
$fname = 'upload/'.$_FILES['image']['name'];
if(move_uploade d_file($ftmp, $fname)){
?>
<html><head><sc ript>
var par = window.parent.d ocument;
var images = par.getElementB yId('images');
var imgdiv = images.getEleme ntsByTagName('d iv')[<?=(int)$_POS T['imgnum']?>];
var image = imgdiv.getEleme ntsByTagName('i mg')[0];
imgdiv.removeCh ild(image);
var image_new = par.createEleme nt('img');
image_new.src = 'resize.php?pic =<?=$oname?>';
image_new.class Name = 'loaded';
imgdiv.appendCh ild(image_new);
</script></head>
</html>
<?php
exit();
}
?><html><head>
<script language="javas cript">
function upload(){
// hide old iframe
var par = window.parent.d ocument;
var num = par.getElements ByTagName('ifra me').length - 1;
var iframe = par.getElements ByTagName('ifra me')[num];
iframe.classNam e = 'hidden';

// create new iframe
var new_iframe = par.createEleme nt('iframe');
new_iframe.src = 'upload.php';
new_iframe.fram eBorder = '0';
par.getElementB yId('iframe').a ppendChild(new_ iframe);

// add image progress
var images = par.getElementB yId('images');
var new_div = par.createEleme nt('div');
var new_img = par.createEleme nt('img');
new_img.src = 'indicator.gif' ;
new_img.classNa me = 'load';
new_div.appendC hild(new_img);
images.appendCh ild(new_div);

// send
var imgnum = images.getEleme ntsByTagName('d iv').length - 1;
document.iform. imgnum.value = imgnum;
setTimeout(docu ment.iform.subm it(),5000);
}
</script>
<style>
#file {
width: 350px;
}
</style>
<head><body><ce nter>
<form name="iform" action="" method="post" enctype="multip art/form-data">
<input id="file" type="file" name="image" onchange="uploa d()" />
<input type="hidden" name="imgnum" />
</form>
</center></html>

Jul 13 '07 #3

Similar topics

4749

Persist Upload Hatasi Yardim Lütfen

by: SEMIH DEMIR | last post by:

Sitelerden birinde verilen yabancý kaynakli bir scriptti duzenledim yanlýz birseyin içinden bir turlu cýkamadým iþin aslý ilk defa persistin upload componentini kullanacam yanlýz suanki haliyle verdiði hata þu.Bilen arkadaþlar lütfen yardým edin Persits.Upload.1 error '800a0020' The system cannot find the path specified. /classifieds/upload.asp, line 250

ASP / Active Server Pages

3824

Is This Possible ... ?

by: Wayne Smith | last post by:

I've come up against a major headache that I can't seem to find a solution for but I'm sure there must be a workaround and I would really be grateful of any help. I'm currently building a web site for a small club I belong to and one of the features I would like to include is the ability to allow users to upload image files. unfortunately the servers web root www folder only allows READ and EXECUTE permissions, which makes it...

ASP.NET

9073

How to upload an <img> content without <input type=file > ?

by: SammyBar | last post by:

Hi all, I wonder is it possible to upload the content of an <imgfield to a server. The content of the <imgwas downloaded from a web site different from the one it should be uploaded. The image file should not be saved locally before uploading. It should not be visible any <input type=file on the form. How can it be done? I'm working on a project where client javascript requests an image server to generate dynamic images. The client...

Javascript

4500

file upload using ajax and php

by: kksandeep | last post by:

i am using this three files to uplod file. i got this file from net but i think these have some error. i am new to this field plz help the script i found is some helpful but not too that i need my objective is this that when i uplod a file it should be desply on same page with ajax uplod after when i refresh page this should be not remains longer and on clicking other image its replase previous image plz help how i can do this the...

Javascript

3949

AJAX file upload script replaces existing images

by: kksandeep | last post by:

PHP

3278

Php Upload script not working

by: camphor | last post by:

hi, I have found an upload script in hotscripts and have implemented it into the website, I followed the installation steps to 'give write permissions to php on the upload folder (which is _uploadedfiles_xxxx) (php must be allowed to move uploaded files to this folder' - uploadedfiles_xxxx. I typed <?php chmod ('_uploadedfiles_xxxx',640); ?> into notepad and saved it as php in the uploaded_xxxx folder, when I went to test it, the error...

PHP

2733

Upload multiple images

by: =?Utf-8?B?UmFqYWdvcGFs?= | last post by:

Question How to Upload multiple images in asp.net? (ex.Like a gmail file field)

ASP.NET

4412

Upload photo in asp.net content page

by: premprakashbhati | last post by:

hi, good evening.. i am going to upload an image in a web form .....for that iam using HTML input(file) control and one web control button i.e., Upload_Button() here is the code ...its work fine when iam using a normal web page... but can't in content page.... Code in Master Page <%@ Master Language="C#" AutoEventWireup="true" CodeFile="submaster.master.cs" Inherits="submaster" %> <%@ Register Assembly="AjaxControlToolkit"...

ASP.NET

9851

multiple file upload to server and MySQL database

by: johngault | last post by:

I've been working with this PHP page for several days now and I'm stumped. The page is supposed to allow the user to upload up to six images for their profile. When the user adds an image it (the page coding) does verify file size, if correct it places it on the server in the users folder and with the correct names and extension, creates the thumbnail and adds the correlating file name. However, it only adds the first file name to the database....

PHP

8413

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

8842

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

8513

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

8617

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

7352

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

4173

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

2742

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1970

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

1733

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General