PHPackages                             mouf/mvc.bce.jquery-file-upload - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [File &amp; Storage](/categories/file-storage)
4. /
5. mouf/mvc.bce.jquery-file-upload

ActiveMouf-library[File &amp; Storage](/categories/file-storage)

mouf/mvc.bce.jquery-file-upload
===============================

This package contains a jQuery file upload based field descriptor and renderer for BCE. This will help you build forms with HTML5 file upload capabilities.

4.0.x-dev(11y ago)014.3kMITPHPPHP &gt;=5.3.0

Since Oct 9Pushed 11y ago13 watchersCompare

[ Source](https://github.com/thecodingmachine/mvc.bce.jquery-file-upload)[ Packagist](https://packagist.org/packages/mouf/mvc.bce.jquery-file-upload)[ Docs](https://mouf-php.com/packages/mouf/thecodingmachine/mvc.bce.mvc.bce.jquery-file-upload)[ RSS](/packages/mouf-mvcbcejquery-file-upload/feed)WikiDiscussions 3.2 Synced 5d ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

About the jQuery file upload descriptor and renderer for BCE
============================================================

[](#about-the-jquery-file-upload-descriptor-and-renderer-for-bce)

BCE is a form builder for the [Mouf framework](http://mouf-php.com). This package contains classes enabling the use of the **jQuery file upload** plugin right into forms generated by BCE.

How to use it
-------------

[](#how-to-use-it)

\###Single file uploads: TODO

\###Multi file uploads:

If you want to upload multiple files associated to a bean, it is likely you have a database table containing the list of files.

For instance, if you have a form representing a product, and if the product can have many photos attached to it, you certainly have a "products" table and a "product\_photos" table that points towards product. Therefore, you probable have a `ProductPhotoDao` and `ProductPhotoBean` class.

The first thing to do is this:

- `ProductPhotoDao` (the DAO of the table that contains the list of files) should implement the `FileDaoInterface`
- `ProductPhotoBean` (the Bean of the table that contains the list of files) should implement the `FileBeanInterface`

\####FileDaoInterface

```
interface FileDaoInterface extends DAOInterface {
	/**
	 * Returns a list of beans implementing the FileBeanInterface associated with the main bean containing the files.
	 *
	 * @param TDBMObject $mainBean
	 */
	function findFiles($mainBean);
}
```

The `findFiles` method will return the list of beans of the "file" table. If you are using TDBM, a typical implementation is:

```
public function findFiles($mainBean) {
	// Returns a list of FileBeanInterface associated to $mainBean
	return $this->getListByFilter($mainBean);
}
```

\####FileBeanInterface

```
interface FileBeanInterface {
	/**
	 * Returns the full path to the file.
	 */
	function getFullPath();

	/**
	 * Sets the name of the file to be stored.
	 *
	 * @param string $fileName
	 */
	function setFileName($fileName);

	/**
	 * Sets the main bean we are pointing to.
	 *
	 * @param TDBMObject $mainBean
	 */
	function setMainBean($mainBean);
}
```

Please note that `getFullPath` should return the complete path to the file stored on disk on the server. `setFileName` is only setting the name of the file (not the path). Finally `setMainBean` is setting the object the file is related to. In our exemple, that would be an instance of `ProductBean`.

Are you done? Well, now, implementing the jQueryFileUpload mechanism should be a breeze!

Go to your `BCEForm` in instance mode, and in the list of `fieldDescriptors`, drag'n'drop a `JqueryUploadMultiFileFieldDescriptor`.

[![Field descriptors](doc/images/field_descriptors.png)](doc/images/field_descriptors.png)

Now, configure the instance you just drag'n'dropped:

[![Field descriptor](doc/images/jqueryfileuploadmultifielddescritor.png)](doc/images/jqueryfileuploadmultifielddescritor.png)

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity44

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~118 days

Total

2

Last Release

4119d ago

Major Versions

3.2.x-dev → 4.0.x-dev2015-02-05

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1104771?v=4)[mouf](/maintainers/mouf)[@Mouf](https://github.com/Mouf)

---

Top Contributors

[![moufmouf](https://avatars.githubusercontent.com/u/1290952?v=4)](https://github.com/moufmouf "moufmouf (4 commits)")

---

Tags

formmoufjquery-file-uploadBCE

### Embed Badge

![Health badge](/badges/mouf-mvcbcejquery-file-upload/health.svg)

```
[![Health](https://phpackages.com/badges/mouf-mvcbcejquery-file-upload/health.svg)](https://phpackages.com/packages/mouf-mvcbcejquery-file-upload)
```

###  Alternatives

[kartik-v/yii2-widget-fileinput

An enhanced FileInput widget for Bootstrap 3.x, 4.x &amp; 5.x with file preview, multiple selection, and more features (sub repo split from yii2-widgets)

2286.8M95](/packages/kartik-v-yii2-widget-fileinput)[phery/phery

XAJAX alternative, phery.js is a library in PHP that maps to all jQuery functions, DOM manipulation, meta arguments and serialization, seamless ajax integration, RESTful emulation, form submission and partial rendering views, plus its PSR-0 compatible

13813.1k2](/packages/phery-phery)[presta/image-bundle

PrestaImageBundle is a Symfony bundle providing tools to resize uploaded and remote images before sending them through a classic form.

24155.9k](/packages/presta-image-bundle)[delight-im/file-upload

Simple and convenient file uploads — secure by default

7210.7k2](/packages/delight-im-file-upload)[recca0120/upload

Ajax Upload Large File Support jQuery-File-Upload, FileApi, Plupload, For framework Laravel

816.5k](/packages/recca0120-upload)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
