Tekil Mesaj gösterimi - Kayıttan sonra resim ekleme

Konu Kayıttan sonra resim ekleme
17-09-2014, 16:27:25
Orada Resmin adını gönderebiliyorum ama resmi yükleyip boyutlandıramıyorum. Örnek aşağıdaki gibi.
<!DOCTYPE html>
<?php
session_start();
ob_start();
// sayfaya erişim yapan kişinin admin yetkisini kontrol ediyoruz
if(!isset($_SESSION["yetki"]))
{
echo str_repeat("<br>", 8)."<center><img src=images/hata.gif border=0 /> Yönetim Paneli sadece yetkili kullanıcılara açıktır!</center>";
header("Refresh: 2; url= anasayfa.php");
return;
}
include("baglanti.php");

$sql = "select * from uyeler Order By id";

$sorgula = mysql_query($sql, $baglanti) or die(mysql_error());
?>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="Arif HAŞLAK" content="">
    <title>Sipariş Ekle</title>
<!-- Bootstrap styles -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Generic page styles -->
<link rel="stylesheet" href="css/style.css">
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="css/jquery.fileupload.css">
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- MetisMenu CSS -->
    <link href="css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">
    <!-- Timeline CSS -->
    <link href="css/plugins/timeline.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/sb-admin-2.css" rel="stylesheet">
    <!-- Morris Charts CSS -->
    <link href="css/plugins/morris.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<!-- tarih için eklendi -->
	<link href="css/bootstrap-combined.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-datetimepicker.min.css">

</head>
<body>
   <div class="ust">
    <?php include("ust.php") ?>
   </div> 

				<form action="ekle.php" method="post">

<?php

if($_SERVER['REQUEST_METHOD'] == "POST")
{
$dos_no = $_POST['dos_no'];
$resim = $_POST['resim'];
$sip_no = $_POST['sip_no'];
$barkod = $_POST['barkod'];
$urun_kodu = $_POST['urun_kodu'];
$kategori = $_POST['kategori'];
$urun_adi = $_POST['urun_adi'];
$renk = $_POST['renk'];
$adet = $_POST['adet'];
$olcu = $_POST['olcu'];
$icerik = $_POST['icerik'];
$psf = $_POST['psf'];
$toptan = $_POST['toptan'];
$usd = $_POST['usd'];
$sip_tarihi = $_POST['sip_tarihi'];
$depo_giris = $_POST['depo_giris'];

if($barkod=="" or $urun_kodu=="" or $dos_no=="")
{
if (@$_FILES['resim']) { 
$resim = @$_FILES['resim']['name'];   
$kaynak = $_FILES['resim']['tmp_name']; 
$hedef = "resimler/"; 
$uzanti    = substr($resim, -4); 
if ($uzanti == '.jpg' || $uzanti == '.JPG') { 
$yeniad = substr(md5(uniqid(rand())), 0,5); 
$yeniresimadi = $yeniad.$uzanti; 
$yukle = @move_uploaded_file($kaynak,$hedef.'/'.$yeniresimadi); 
} else { 
$yeniresimadi ="resimyok.jpg"; 
} 
}  
	?>
  <div class="alert alert-danger"> Eksik Bilgi girdiniz </div>
<?php
	header("Refresh: 2; url=ekle.php");
	return;
}

$barkod_kontrol = mysql_query("select * from siparis where barkod='".$barkod."'") or die (mysql_error());
$barkod_varmi = mysql_num_rows($barkod_kontrol);
if($barkod_varmi > 0)
{
	?>
  <div class="alert alert-danger"> barkod Numarası Kullanılıyor </div>
<?php
	header("Refresh: 2; url=ekle.php");
	return;		
}
$yenikayit = "INSERT INTO siparis (id, dos_no, resim, sip_no, barkod, urun_kodu, 
kategori, urun_adi, renk, adet, olcu, icerik, psf, toptan, usd, sip_tarihi, depo_giris) values 
(NULL, '$dos_no', '$resim', '$sip_no', '$barkod', '$urun_kodu', '$kategori', '$urun_adi', '$renk', '$adet', '$olcu', '$icerik', '$psf'
, '$toptan', '$usd', '$sip_tarihi', '$depo_giris')";

$sorgu = mysql_query($yenikayit);

?>
  <div class="alert alert-danger"> Kayıt Eklendi </div>
<?php
header("Refresh: 2; url=ekle.php");
return;
mysql_close();
}
ob_end_flush();

?>
				<div class="well">
				<div class="list-group">
				</div>
	           <div class="help-block">
			   
    <label for="exampleInputPassword1">Ürün Resmi</label>
				<input class="form-control" name="resim" type="file"/>
				</div>
				    <div class="help-block">
    <label for="exampleInputPassword1" class="col-sm-2 control-label">Dosya Numarası</label>
    <input type="text" required class="form-control" name="dos_no">
  </div>
      <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Sipariş Numarası</label>
    <input type="text" required class="form-control" name="sip_no">
  </div>
    <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Barkod No</label>
    <input type="text" required class="form-control" name="barkod">
  </div>
      <div class="form-group">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Stok Kodu</label>
    <input type="text" required class="form-control" name="urun_kodu">
  </div>
     <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Ürün Açıklaması</label>
    <input type="text" required class="form-control" name="urun_adi">
  </div>
   <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Renk Adı&nbsp;</label>
    <input type="text" required class="form-control" name="renk">
  </div>
     <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Ürün Adet</label>
    <input type="text" required class="form-control" name="adet">
  </div>
     <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Ürün Ölçüsü</label>
    <input type="text" required class="form-control" name="olcu">
  </div>
      <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Ürün İçeriği</label>
    <input type="text" required class="form-control" name="icerik">
  </div>
        <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">PSF Fiyatı</label>
    <input type="text" required class="form-control" name="psf">
  </div>
       <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Toptan Fiyatı</label>
    <input type="text" required class="form-control" name="toptan">
  </div>
         <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">USD Fiyatı</label>
    <input type="text" required class="form-control" name="usd">
  </div>

      <div class="form-group">
      <label for="exampleInputPassword1"class="col-sm-2 control-label">Kategori</label>
  <select class="form-control" name="kategori" id="kategori">
<?php
$query = "SELECT id, kategori FROM kategori ORDER BY kategori";
$result = mysql_query($query) or die(mysql_error() . "[" . $query . "]");
?>
<?php
while ($row = mysql_fetch_array($result)) {
?>
  <option value="<?php echo $row["kategori"];?>"><?php echo $row["kategori"];?></option>
<?php
}
?>
</select>
 </div>
  	          <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Sipariş Tarihi</label>
    <input type="date" required class="form-control" name="sip_tarihi">
  </div>
	          <div class="help-block">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Depo Giriş Tarihi</label>
    <input type="date" required class="form-control" name="depo_giris">
  </div>
	      <div class="form-group">
    <label for="exampleInputPassword1"class="col-sm-2 control-label">Açıklama</label>
    <textarea type="textarea" class="form-control" name="kisa_not" placeholder="Not"></textarea>
  </div>

<button type="submit" name=button" class="btn btn-primary btn-lg btn-block">Gönder</button>
</form>
		<!-- tarih için -->
	<script type="text/javascript"
     src="js/jquery.min.js">
    </script> 
    <script type="text/javascript"
     src="js/bootstrap.min.js">
    </script>
    <script type="text/javascript"
     src="js/bootstrap-datetimepicker.min.js">
    </script>
    <script type="text/javascript">
      $('#datetimepicker').datetimepicker({
        format: 'yyyy/MM/dd',
        language: 'tr-TR'
      });
    </script>
    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Metis Menu Plugin JavaScript -->
    <script src="js/plugins/metisMenu/metisMenu.min.js"></script>
    <!-- Morris Charts JavaScript -->
    <script src="js/plugins/morris/raphael.min.js"></script>
    <script src="js/plugins/morris/morris.min.js"></script>
    <script src="js/plugins/morris/morris-data.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="js/vendor/jquery.ui.widget.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="js/jquery.fileupload.js"></script>
<!-- The File Upload processing plugin -->
<script src="js/jquery.fileupload-process.js"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="js/jquery.fileupload-image.js"></script>
<!-- The File Upload audio preview plugin -->
<script src="js/jquery.fileupload-audio.js"></script>
<!-- The File Upload video preview plugin -->
<script src="js/jquery.fileupload-video.js"></script>
<!-- The File Upload validation plugin -->
<script src="js/jquery.fileupload-validate.js"></script>
<script>
/*jslint unparam: true, regexp: true */
/*global window, $ */
$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = window.location.hostname === 'blueimp.github.io' ?
                '//jquery-file-upload.appspot.com/' : 'server/php/',
        uploadButton = $('<button/>')
            .addClass('btn btn-primary')
            .prop('disabled', true)
            .text('Processing...')
            .on('click', function () {
                var $this = $(this),
                    data = $this.data();
                $this
                    .off('click')
                    .text('Abort')
                    .on('click', function () {
                        $this.remove();
                        data.abort();
                    });
                data.submit().always(function () {
                    $this.remove();
                });
            });
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        autoUpload: false,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        maxFileSize: 5000000, // 5 MB
        // Enable image resizing, except for Android and Opera,
        // which actually support image resizing, but fail to
        // send Blob objects via XHR requests:
        disableImageResize: /Android(?!.*Chrome)|Opera/
            .test(window.navigator.userAgent),
        previewMaxWidth: 100,
        previewMaxHeight: 100,
        previewCrop: true
    }).on('fileuploadadd', function (e, data) {
        data.context = $('<div/>').appendTo('#files');
        $.each(data.files, function (index, file) {
            var node = $('<p/>')
                    .append($('<span/>').text(file.name));
            if (!index) {
                node
                    .append('<br>')
                    .append(uploadButton.clone(true).data(data));
            }
            node.appendTo(data.context);
        });
    }).on('fileuploadprocessalways', function (e, data) {
        var index = data.index,
            file = data.files[index],
            node = $(data.context.children()[index]);
        if (file.preview) {
            node
                .prepend('<br>')
                .prepend(file.preview);
        }
        if (file.error) {
            node
                .append('<br>')
                .append($('<span class="text-danger"/>').text(file.error));
        }
        if (index + 1 === data.files.length) {
            data.context.find('button')
                .text('Upload')
                .prop('disabled', !!data.files.error);
        }
    }).on('fileuploadprogressall', function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#progress .progress-bar').css(
            'width',
            progress + '%'
        );
    }).on('fileuploaddone', function (e, data) {
        $.each(data.result.files, function (index, file) {
            if (file.url) {
                var link = $('<a>')
                    .attr('target', '_blank')
                    .prop('href', file.url);
                $(data.context.children()[index])
                    .wrap(link);
            } else if (file.error) {
                var error = $('<span class="text-danger"/>').text(file.error);
                $(data.context.children()[index])
                    .append('<br>')
                    .append(error);
            }
        });
    }).on('fileuploadfail', function (e, data) {
        $.each(data.files, function (index) {
            var error = $('<span class="text-danger"/>').text('File upload failed.');
            $(data.context.children()[index])
                .append('<br>')
                .append(error);
        });
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>
    <!-- Thema için JavaScript -->
    <script src="js/sb-admin-2.js"></script>
	
</body>
</html>