Add image to button php

Php — change Submit button to Image

this is weird, I have form and on this form three file uploads
and submit button, when i change the button to image (so it looks better than this old thing on my website) it does not upload the files The button however works 100%, am i missing something here?

i dont want to use the normal button, i already did the website in iamge buttons, why does it not work though ?

• 5 Contributors
• 7 Replies
• 5K Views
• 1 Year Discussion Span
• Latest Post 10 Years Ago Latest Post by ab_omid

Recommended Answers Collapse Answers

or style the submit button

input[type=submit] < background:url('input.gif'); >input:hover[type=submit]

All 7 Replies

input[type=submit] < background:url('input.gif'); >input:hover[type=submit]

That is indeed odd.
Can you browse to http://yourwebsite/images/button_sub2.png and see the image that way? Also try removing value=»Upload image»

IE .. i know it has issues and image buttons dont work for $_POST It is to upload images to server, then store names in Mysql, that all works fine but the button looks like we stuck in the 80’s . lol
Wanted to use one that doesnt stick out like it doesnt belong there, so i did this as temp solution

some of the code like BOLD in there does nothing so im messing around, it looks exactly like the image buttons i have though.

Источник

Attach image to save button php

How I can make a button «save as» in php so that a user can download a big picture file which is from external servers. There is a great tutorial on this site that uses the Check it out: http://www.ryboe.com/tutorials/php-headers-force-download Solution 2: I found some solution with following php script and I can send parameters like url address cross html code The only problem is that it is not working with all servers.

Image button «save as» to save file from external servers php script

I have a pictrures gallery on my server. The pictures are stored on diffrent external server s. On my server are placed the thumbnails only. How I can make a button «save as» in php so that a user can download a big picture file which is from external servers. I need a simple php script which can do download a jpg file cross all browser agents and from diffrent external servers. The button will be implemented inside html code. The button is a regular link formated in css style. So how to do it properly. Thanks.

I would like also that the path of file should be send as a variable parameter to php script somehow.

I am guessing you are trying to have the pictures be downloaded automatically (you want a dialog box to pop up prompting where to save the file).

There is a great tutorial on this site that uses the php header function to force download

Check it out: http://www.ryboe.com/tutorials/ php-headers -force-download

I found some solution with following php script

and I can send parameters like url address cross html code

The only problem is that it is not working with all servers. It’s not woriking for exemple with that file

http://backalleypics.com/Pictures/Letter Je~Ju/Jessica Alba/Jessica Alba 230.jpg 

I don’t know what I need to do?

Remove the spaces from your file name:

change: http://backalleypics.com/Pictures/Letter Je~Ju/Jessica Alba/Jessica Alba 230.jpg

to: http://backalleypics.com/Pictures/Letter_Je~Ju/Jessica_Alba/Jessica_Alba_230.jpg

Getting img with JavaScript and saving with PHP, If i think what you need is that someone uploads a photo and you want to save it on your website. something like this should work.

51: Upload Files and Images to Website in PHP

In this PHP tutorial I will show how to easily upload images and files to a website using PHP. We
Duration: 23:08

Download image on button click

how can i achieve the following with a button tag:

P.S: when you click on the button, it should download the a.jpg file and NOT open it in the browser.

You want Content-Disposition: attachment; in the backend. You’ll need a script handing out the images to force a download.

You can add the attribute download , which is new to HTML5 and is supported by Firefox and Chrome but not yet IE or Opera:

Solution for modern browsers

 find parent of like $("#btn1").parent().get(0).href=$("img1").src; 

Is it possible to insert image into database without using forms in php, Save the image as a file on the server instead. It will save you a lot of headache (and increase performance), Just save it as «profile_xxx.jpg»

How to add a functioning image upload button to an existing form?

I am trying to upload an image to a pre-existing form however upon form submission I get a SQLSTATE[HY000]: General error: 1364 Field ‘user_id’ doesn’t have a default value error.

I have managed to get the actual button and file picker on the form to function, however, upon submission it blows up referencing the above error. Any help or resources regarding this issue would be fantastic.

middleware('auth'); > /** * Display a listing of the resource. * * @return \Illuminate\Http\Response */ public function index() < $posts = Post::all(); return view('post.index', compact('posts')); >/** * Show the form for creating a new resource. * * @return \Illuminate\Http\Response */ public function create() < $post = new Post(); return view('post.create', compact ('post')); >/** * Store a newly created resource in storage. * * @param \Illuminate\Http\Request $request * @return \Illuminate\Http\Response */ public function store(Request $request) < $data = request()->validate([ 'title' => 'required', 'body' => 'required', ]); $post = \App\Post::create($data); return redirect('/posts'); > /** * Display the specified resource. * * @param \App\Post $post * @return \Illuminate\Http\Response */ public function show(Post $post) < return view('post.show', compact('post')); >/** * Show the form for editing the specified resource. * * @param \App\Post $post * @return \Illuminate\Http\Response */ public function edit(Post $post) < return view('post.edit', compact('post')); >/** * Update the specified resource in storage. * * @param \Illuminate\Http\Request $request * @param \App\Post $post * @return \Illuminate\Http\Response */ public function update(Request $request, Post $post) < $post->update($this->validatedData()); $this->storeImage($post); return redirect('/posts'); > /** * Remove the specified resource from storage. * * @param \App\Post $post * @return \Illuminate\Http\Response */ public function destroy(Post $post) < $post->delete(); return redirect('/posts'); > private function validatedData() < return request()->validate([ 'title' => 'required', 'body' => 'required', 'image' => 'sometimes|file|image|max:5000', ]); > private function storeImage($post) < if (request()->has('image'))< $post->update([ 'image' => request()->image->store('uploads', 'public'), ]); $image = Image::make(public_path('storage/' . $post->image))->fit(500, 500, null, 'top-left'); $image->save(); > > > 

 
@csrf 
Title Give your post a title that will describe your post easily 
 
Body Enter as much detail you'd like! 
 
Post Image first('image') >>
 
 Create Post @if (session('message')) 
>
 @endif 

bigIncrements('id'); $table->integer('user_id'); $table->string('title'); $table->longText('body'); $table->string('image')->nullable(); $table->timestamps(); >); > /** * Reverse the migrations. * * @return void */ public function down() < Schema::dropIfExists('posts'); >> 

I think by default user_id doesn’t have a default value. In your post model,

protected $fillable = ['user_id', 'title', 'body', 'image'];

Also in your store function, you have to include user from currently logged in user.

 use App\Post; use Auth; public function store(Request $request) < $request->validate([ 'title' => 'required', 'body' => 'required', ]); $post = new Post(); $post->user_id = Auth::user()->id; $post->title = $request->title; $post->body = $request->body; $post->save(); return redirect('/posts'); >

How to save a CSS image on server with PHP, What you could do is create a button generator that accepts parameters and then renders the image serverside (using php) and sends it to the

Источник

Add Images To Buttons Html

People also askHow do you turn images into HTML?How do you turn images into HTML?Open TextEdit by typing textedit into Spotlight and then double-clicking TextEdit.Click New Document when prompted.Click File.Click Make Plain Text.Paste in your HTML file’s text.Press ⌘ Command + S.Select Web Page from the «File Format» drop-down box.Click Save.Image to HTML converter — Convert jpg, png, webp, svg

Embed Image in a Button in HTML

Use the Tag to Embed an Image in the HTML Button This article will discuss several methods to embed an image in a element in HTML. It means to fix or set a picture inside the HTML button.

How to put a jpg or png image into a button in HTML

Note however that resizing the image like this might not yield ideal results; if e.g. your image is much smaller than you want it to be shown, you will see the single pixels; if on the other hand it is much bigger, you are wasting precious bandwidth of your users.

  #myimage < height: 200px; width: 200px; >  ; return false" < color: white; font-weight: bold; background-color: #6699cc; border: 2px outset; border-top-color: #aaccff; border-left-color: #aaccff; border-right-color: #003366; border-bottom-color: #003366; >  

Image button with HTML5

How to add a button to an image with CSS? Add image on a Python Tkinter button; Resize image before submitting the form HTML5; Draw part of an image inside HTML5 canvas; Is HTML5 canvas and image on polygon possible? HTML5 display as image rather than “choose file” button

 
Tutorials for all
 

Adding an image to a button in HTML5

I am making an HTML5 video player, but I need to put a play icon on my button and the old method no longer works. Also, I cannot use background- image:url(‘Filename’); because I also have a gradient

Adding background image to button using CSS

The button looks great by itself, but I am trying to make it so that if I add a certain class, the padding will be adjusted and a background image will be displayed, however the image does not show. Here is the CSS/HTML: .button < padding: 10px; margin-right: 8px; margin-bottom: 10px; font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif

.button < padding: 10px; margin-right: 8px; margin-bottom: 10px; font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); display: inline-block; white-space: nowrap; line-height: 1em; position: relative; outline: none; overflow: visible; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 1px 1px 2px 0 #CCCCCC; -moz-box-shadow: 1px 1px 2px 0 #CCCCCC; -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC; >.button_blue < border: 1px solid #305875; color: #FBFBFB; background-color: #3D6E97; >.button_blue:hover < color: #FBFBFB; opacity: 0.9; filter: alpha(opacity=90); >.button_about < background-image: url(http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat; padding-left: 35px; padding-right: 15px; >​ 
Without Background
 
With Background
​ background-image url(http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat; background: url(http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat; .button < background: url(http://i47.tinypic.com/2ni0ahd.png); background-repeat: 3px 5px no-repeat; >

Источник