مریم یزدان پناه
4 سال پیش توسط مریم یزدان پناه مطرح شد
0 پاسخ

ایجاد فایل اپلود ساده در انگولار با کمک یک صفحه PHP

سلام
من کاملا تازه کار هستم در این فریم وورک و میخوام تو یک پروژه اماده یک قسمت فایل اپلود بذارم :‌این قسمت از کد من هست
( این کد در یک پاپ اپ که باز می شود قابل دیدن و اجرا هست )‌
‍‍‍‍" angular.module('APP' , []).
directive('fileInput' , ['$parse' , function($parse){
return {
restrict:'A',
link:function(scope,elm,attrs){
elm.bind('change', function(){
$parse(attrs.fileInput)
.assign(scope,elm[0].files)
scope.$apply()
})
}
}
}]).
controller('uploader' , ['$scope' ,'$http' ,
function($scope , $http){
$scope.filesChanged = function(elm){
$scope.files = elm.files
$scope.$apply();
}
$scope.uploading = function () { alert('fff')
var fd = new FormData()
angular.forEach($scope.files, function(file){
fd.append('file' , file)
})
$http.post('http://localhost/page.php' , fd, {
transformRequest:angular.identity,
headers:{'Content-Type':'multipart/form-data'}
})
.sucess(function(d){
console.log(d)
})
}
}])"

تابع uploading اجرا نمیشود و کد زیر هم کد HTML ام هست

<form ng-controller="uploader">
<input type="file"
file-input = "files"
multiple />
<button ng-click="uploading()" >Upload</button>

        </form>

و سوال دوم اینکه محل فایل page.php هم در فولدر src هست .

=====

مسئله دوم ام اینه که امدم کد را خیلی ساده تر خواستم با سابمیت یه فرم تست کنم (کد زیر)‌ اما فرم سابمیت نمی شد
<form enctype="multipart/form-data" method="post" action="http://localhost/src/page.php">
<input type="file" name="files" multiple>
<input type="submit" value="submit">
</form>


آنگولار
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید

ثبت اولین پاسخ و دریافت ۵۰ امتیاز

به مریم یزدان پناه کمک کن تا مشکل خودش رو حل کنِ، اینطوری میتونیم باهم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام