- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我创建了一个用于保存带有图像的项目详细信息的表单。我正在使用 laravel 5.1 和 angularJS。项目信息将成功保存,但图像未上传到服务器,图像详细信息也未保存在数据库中。我需要帮助使用 angularjs 将图像上传到 laravel
这是我的 HTML 代码:
<div ng-controller="itemController">
<form ng-submit="addItem()">
<label>Name:</label><input type="text" name="name" value="" ng-model="newitem.name" placeholder="Item Name">
<label>Model No:</label><input type="text" name="model" value="" ng-model="newitem.model" placeholder="Model Number">
<label>Size:</label><input type="text" name="size" value="" ng-model="newitem.size" placeholder="Item Size">
<label>Colour:</label><input type="text" name="color" value="" ng-model="newitem.color" placeholder="Item Colour">
<br>
<label>Description:</label><textarea cols="30" rows="5" ng-model="newitem.description" placeholder="Description"></textarea>
<br>
<label>Photo:</label><input type="file" accept="imag/works" ngf-select="" ngf-multiple="true" class="form-control" id="img" name="img" placeholder="Image" ng-model="newitem.photo" multiple>
<br>
<button type="submit">Save</button>
</form>
<div ng-show="sendmessage">
Item Saved Successfully...........
</div>
<div>
AngularJs 代码:
app.controller('itemController',function($scope,$http,Item) {
$scope.items=[];
$scope.newitem={};
$scope.curitem = {};
$scope.sendmessage=false;
loadData();
//To Send Message to Site Admin..................
$scope.addItem=function(){
if($scope.curitem.id){
//TODO error display
$scope.newitem.$update(function () {
angular.extend($scope.curitem,$scope.curitem, $scope.newitem);
$scope.sendmessage=true;
});
}else{
$scope.newitem.$save(function (item) {
//TODO error display
$scope.items.push(item);
$scope.sendmessage=true;
});
}
//$scope.sendmessage=true;
$scope.curitem = {};
$scope.newitem = {};
$scope.newitem=new Item();
loadData();
};
function loadData(){
var items =Item.query(function () {
$scope.items = items;
$scope.newitem=new Item();
});
}
});
angular.module('ItemService',[]).factory('Item',['$resource',
function($resource){
return $resource('/api/items/:itemId',{
itemId:'@id'
},{
update:{
method:'PUT'
}
});
}
]);
ItemController.php 如下...
<?php
namespace App\Http\Controllers\Auth;
use App\File;
use App\Item;
use Illuminate\Http\Request as Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
use Illuminate\Http\Response;
use Validator;
use Input;
class ItemController extends Controller
{
/**
* Validates given data for account
* @param array $data
* @return Validator
*/
protected function validator(array $data)
{
// Loan account is not validated
return Validator::make($data,[
'name' => 'required',
'size' => 'required|max:255'
]);
}
/**
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
$validator = $this->validator($request->all());
if($validator->fails()){
return Response::json( $validator->errors()
,400);
}
$item=new Item($request->all());
if($item->save())
{
$id=$item->id;
if ($request->hasFile('photo')) {
$file = $request->file('photo');
$image=new File();
$image->name = $this->uploadImage($file);
$image->file_id=$id;
$image->save();
}
}
return Response::json(['error' => 'Server is down']
,500);
}
/**
* To Strore Images
*
*
*/
public function uploadImage($file){
$storedFileName="";
if(!empty($file)){
$extension=$file->getClientOriginalExtension();
$fileName = rand(11111,99999).'.'.$extension;
$storedFileName=base_path().'/img/works/'. $fileName;
$file->move(
base_path().'/img/works/', $fileName
);
}
return $storedFileName;
}
}
最佳答案
要通过 AngularJS 上传图片,您需要做一些额外的工作。您可以使用像 nervgh/angular-file-upload 这样的库(或其他图书馆)或自己做。更多引用 watch this tutorial by egghead
关于php - 图像未从 Angular 上传到 Laravel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33030970/
我已经安装了 composer,但是查看 Laravel 文档,我正在努力解决: “确保将 ~/.composer/vendor/bin 目录放在您的 PATH 中,以便在您的终端中运行 larave
我想在迁移时插入外键而不是在 1 中添加外键值 `public function up() { Schema::table('users', function (Bluepri
这是一个open bug on Github对于 laravel-mongodb 包,但没有任何反应。也许有人知道解决方案..? 选择作为单个文档时,日期显示为日期 { "_id": "5ca
我有一个 Laravel 应用程序,我将其用作 Joomla 中构建的更大应用程序的 API。我真的很喜欢使用 Laravel,并决定在 Joomla 应用程序中使用 Eloquent。我通过在 La
我有两个 Laravel 应用程序使用相同的数据库,因此具有相同的用户和密码。 假设应用程序称为 A 和 B。 如果用户登录 A,我该怎么做才能让他们自动登录 B?因此,如果他们登录到 A,那么当他们
我正在 github 上查看 Laravel 的源代码并注意到有一个 laravel/laravel和一个 laravel/framework .它们都链接到 Laravel 网站上的相同文档,并声明
我正在尝试将 laravel 从 5.4 版本更新到 5.5。我已经按照 Laravel 指南的指示完成了所有操作: https://laravel.com/docs/master/upgrade 当
我尝试从 foreach 向每个用户添加一些新值,但因为我使用 get,现在我不能在响应中使用分页,但我还需要向每个用户添加这些值。有什么想法吗? public function statistics
我有一个链接到销毁按钮的删除链接 $task->id ,'method'=>'DELETE'] ) }}"> delete 这是销毁函数 public function destroy($i
我想在 Laravel 中上传一组文件,但我不确定文件的路径和存储对象。八现在数据已存储,但在我的情况下路径是#。在下图中,我有从前面发送的数据(Vuejs 和我正在使用 vue-upload-com
在使用三向数据透视表时,我很难在 Laravel 中进行预加载。数据库设置如下: +-------+--------+-------+-------------+ | deals | venues |
我一直在从事 laravel 5.7 博客项目。我想评论一篇文章。 我需要实现这个: 登录前,我可以在评论文本区输入任何内容 我提交评论(当然会被auth中间件拦截) 然后我被重定向到登录页面 登录后
我正在尝试为我的应用程序中的文件创建一个临时 URL。我能够将文件上传到 S3 存储桶,并且能够使用方法 \Storage::temporaryUrl($this->url, now()->addHo
如果将 Eloquent 模型作为输入传递给 Laravel 排队作业,但模型在作业在队列中运行之前被删除,会发生什么情况? 例如,我正在使用 Laravel 5.2 构建一个电子商务网站,客户可以在
我正在尝试运行在测试运行之前将数据输入数据库的单元测试。我已经定义了一个设置方法,它为每个我不想要的测试用例运行。设置方法执行良好,没有问题。我想要的是将数据输入数据库一次,然后由所有测试用例使用。所
美好的一天。例如,我有一个带有字段/属性的模型 People: name surname 而且模型也有这个方法: public function FullName() { return "{$
我无法理解 Laravel 存在验证在检查数据库中现有记录方面的工作原理。 例如 带有 user.id = 1 的 POST 请求 是否可以使用验证规则:'id' => 'exists:users'检
我正在使用Laravel 5.2创建站点 我想做的是 INSERT同时3行 新的3行必须包含时间戳created_at updated_at。 使用Query Builder方法insert,是的,它
我试图通过href Action 将一些数据传递给我的 Controller 。我不知道为什么,但是laravel使用 GET 方法传递数据,但是我需要一个 POST 来代替 GET 。我真的不明白为
我有一个问题,我的存储文件夹上的服务器前提每 2 天重置一次。所以我运行这些命令并得到修复: sudo chown -R $USER:www-data storage sudo chown -R $U
我是一名优秀的程序员,十分优秀!